@charset "UTF-8";

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    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: translateZ(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
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    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(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.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
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

b, strong {
    font-weight: bolder
}

code {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: -.25em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset, ol, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    list-style: none
}

html {
    font-family: system-ui, -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: 1.5
}

*, :after, :before {
    box-sizing: border-box;
    border: 0 solid #e2e8f0
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a0aec0
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a0aec0
}

input::placeholder, textarea::placeholder {
    color: #a0aec0
}

[role=button], button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code, pre {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

canvas, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

.container {
    width: 100%
}

@media (min-width: 374px) {
    .container {
        max-width: 374px
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 992px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

#banner_swiper .index_banner_swiper .index-sep-stock {
    height: 640px;
    background-image: url(/static/home/images/pc-bg.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box
}

#banner_swiper .index_banner_swiper .index-sep-stock p {
    width: 824px;
    height: 55px;
    background-color: #ffdb85;
    box-shadow: 2px 3px 10px 0 rgba(131, 61, 1, .9);
    border-radius: 28px;
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 1px;
    color: #ff7800;
    padding-top: 12px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center
}

#banner_swiper .bolt-banner .text-center .title_text {
    margin-top: 144px;
    margin-bottom: 80px
}

#banner_swiper .index_banner_swiper .index-sep-stock p span:nth-of-type(4) {
    font-size: 48px;
    font-weight: 700
}

#banner_swiper .index_banner_swiper .index-sep-stock .sep-stock-btn {
    width: 320px;
    height: 70px;
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 auto;
    box-shadow: 1px 2px 5px 1px rgba(174, 102, 28, .9)
}

#banner_swiper .index_banner_swiper .index-sep-stock .sep-stock-btn:hover {
    transition: color .5s ease-in-out;
    color: #f47631
}

#banner_swiper .index_banner_swiper .index-sep-stock .sep-stock-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(0deg, #f47631, #fa8b41 20%, #ffa050 42%, #fdc35d), linear-gradient(#fc8f45, #fc8f45);
    background-blend-mode: normal, normal;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#banner_swiper .index_banner_swiper .index-sep-stock .sep-stock-btn:after {
    border: 2px solid #ef8f05;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    z-index: -2
}

#banner_swiper .index_banner_swiper .index-sep-stock .sep-stock-btn:hover:before {
    left: 127%
}

#banner_swiper #m-index-banner-1 .m-sep-stock {
    height: 400px;
    background-image: url(/static/home/images/m-bg.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box
}

#banner_swiper #m-index-banner-1 .m-sep-stock p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    color: #ff7800
}

#banner_swiper #m-index-banner-1 .m-sep-stock p:nth-of-type(2) span {
    font-size: 24px;
    font-weight: 700
}

#banner_swiper #m-index-banner-1 .m-sep-stock .sep-stock-btn {
    width: 184px;
    height: 40px;
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 auto;
    box-shadow: 1px 2px 5px 1px rgba(174, 102, 28, .9)
}

#banner_swiper #m-index-banner-1 .m-sep-stock .sep-stock-btn:hover {
    transition: color .5s ease-in-out;
    color: #f47631
}

#banner_swiper #m-index-banner-1 .m-sep-stock .sep-stock-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(0deg, #f47631, #fa8b41 20%, #ffa050 42%, #fdc35d), linear-gradient(#fc8f45, #fc8f45);
    background-blend-mode: normal, normal;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#banner_swiper #m-index-banner-1 .m-sep-stock .sep-stock-btn:after {
    border: 2px solid #ef8f05;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    z-index: -2
}

#banner_swiper #m-index-banner-1 .m-sep-stock .sep-stock-btn:hover:before {
    left: 127%
}

#banner_swiper .blocks {
    display: block
}

#banner_swiper .hiddens {
    display: none
}

#banner_swiper .index-banner-text-shadow {
    text-shadow: 3px 3px 7px #02152f
}

#banner_swiper .mar-bg {
    background-image: url(/static/home/images/mar-index-banner-pc.jpg)
}

#banner_swiper .webtrader_bg {
    background-image: url(/static/home/images/webtrader-bg.jpg)
}

#banner_swiper .mcfc_bg {
    background-image: url(/static/home/images/pcmt5banner-bg.png)
}

#banner_swiper .pc-trading-carnival-bg {
    background-image: url(/static/home/images/cn-pc-carnival-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#banner_swiper .pc-trading-carnival-text-shadow {
    text-shadow: 2px 3px 3px rgba(92, 115, 133, .9)
}

#banner_swiper .pcone_bg {
    background-image: url(/static/home/images/pczgg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#banner_swiper .big_title_text_b {
    font-family: PingFang-SC-Bold !important;
    text-shadow: 3px 3px 7px #0e2739
}

#banner_swiper .small_title_text_b {
    font-family: PingFang-SC-Medium !important;
    text-shadow: 0 3px 6px #013da9
}

#banner_swiper div .new-text-shadow {
    text-shadow: 0 3px 6px #013da9
}

#banner_swiper .index_bg {
    background-image: url(/static/home/images/pczgg.png)
}

#banner_swiper .index_bg_3 {
    background-image: url(/static/home/images/newindexpc.png)
}

#banner_swiper .online-class-pc {
    background-image: url(/static/home/images/pc-bg.jpg)
}

#banner_swiper .online-class-pc h2 {
    text-shadow: -1px 3px 3px rgba(0, 39, 113, .4)
}

#banner_swiper .online-class-pc ul li {
    display: flex;
    align-items: flex-end
}

#banner_swiper .online-class-m ul li img {
    width: 17px
}

#banner_swiper .online-class-m ul {
    width: 144px;
    margin-right: auto;
    margin-left: auto
}

#banner_swiper .online-class-m {
    background-image: url(/static/home/images/m-bg.jpg)
}

#banner_swiper .online-class-m h2 {
    text-shadow: -1px 1px 1px rgba(0, 39, 113, .4)
}

#banner_swiper .online-class-m ul li {
    display: flex;
    align-items: flex-end
}

#banner_swiper .online-class-m .mcfc_title_text {
    margin-top: 0;
    margin-bottom: 0
}

#banner_swiper .online-class-m {
    height: 400px
}

#banner_swiper .online-class-m .m-real-button {
    width: 170px;
    height: 37px
}

#banner_swiper .online-class-pc .real_button {
    width: 324px;
    height: 68px;
    box-shadow: 0 3px 5px 1px rgba(0, 53, 131, .3)
}

#banner_swiper .index_bg_3 .new-mt {
    margin-top: 192px
}

#banner_swiper .wechat_bg {
    background-image: url(/static/home/images/wechat-pc-banner.jpg)
}

#banner_swiper .wechat_bg h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 1px 16px #004974;
    margin-bottom: 36px
}

#banner_swiper .wechat_bg p:first-of-type {
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 1px 16px #004974;
    margin-bottom: 96px
}

#banner_swiper .wechat_bg p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 1px 16px #004974
}

#banner_swiper .regulatory_bg {
    background-image: url(/static/home/images/jg.png)
}

#banner_swiper .webtrader_bg .small_title_text {
    font-size: 30px;
    line-height: 36px
}

#banner_swiper .title_text {
    margin: 145px 0 154px
}

#banner_swiper .mcfc_title_text {
    line-height: 1;
    margin: 130px 0 66px
}

#banner_swiper .demo_button {
    margin-top: 22px;
    text-decoration: underline;
    color: #e69c25
}

#banner_swiper .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 55px
}

#banner_swiper img {
    display: inline-block
}

#banner_swiper .swiper-pagination-bullet {
    cursor: pointer;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    background-color: #e69c25
}

#banner_swiper .swiper-pagination-bullet-active {
    transform: scale(1.2);
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

#banner_swiper .m-index-bg, #banner_swiper .m-mar-bg, #banner_swiper .m-mcfc-bg, #banner_swiper .m-regulatory-bg, #banner_swiper .m-six-bg, #banner_swiper .m-webtrader-bg {
    background-size: 100% 100%
}

#banner_swiper .m-mar-bg {
    background-image: url(/static/home/images/mar-index-banner-m.jpg)
}

#banner_swiper .m-mcfc-bg {
    background-image: url(/static/home/images/mzgg.png)
}

#banner_swiper .m-wechat-slider {
    background-image: url(/static/home/images/wechat-m-banner.jpg)
}

#banner_swiper .m-wechat-slider h1 {
    font-size: 28px
}

#banner_swiper .m-wechat-slider h1, #banner_swiper .m-wechat-slider p {
    line-height: 1.3;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0 3px 8px #02224d
}

#banner_swiper .m-wechat-slider p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal
}

#banner_swiper .m-wechat-slider p:nth-of-type(3), #banner_swiper .m-wechat-slider p:nth-of-type(4) {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 1px 8px #01527f
}

#banner_swiper .m-six-bg {
    background-image: url(/static/home/images/mactivebg.png);
    background-size: 100% 100%
}

#banner_swiper .six_bg {
    background-image: url(/static/home/images/pcactivebg.png);
    background-size: 100% 100%
}

#banner_swiper .m-trading-carnival-bg {
    background-image: url(/static/home/images/cn-m-carnival-banner-bg.jpg);
    background-size: 100% 100%
}

#banner_swiper .trading-carnival-new-color {
    border-color: #f39700
}

#banner_swiper .trading-carnival-new-color:before {
    background-color: #f39700
}

#banner_swiper .m-one-bg {
    background-image: url(/static/home/images/pczgg.png);
    background-size: 100% 100%
}

#banner_swiper .m-index-bg {
    background-image: url(/static/home/images/indexmbanner.png)
}

#banner_swiper .m-regulatory-bg {
    background-image: url(/static/home/images/mjg.png)
}

#banner_swiper .m-webtrader-bg {
    background-image: url(/static/home/images/webtrader-slider-bg.jpg)
}

#banner_swiper .trading-carnival-text-shadow {
    text-shadow: 1px 1px 1px rgba(92, 115, 133, .9)
}

#banner_swiper .m-big-title-text {
    font-size: 28px
}

#banner_swiper .m-small-title-text {
    font-size: 18px
}

#banner_swiper .m-big-title-text, #banner_swiper .m-small-title-text {
    text-shadow: 3px 3px 7px #02152f
}

#banner_swiper .m-big-title-b-text {
    font-family: PingFang-SC-Heavy !important;
    text-shadow: 3px 3px 7px #0e2739
}

#banner_swiper .m-small-title-b-text {
    font-family: PingFang-SC-Medium !important;
    text-shadow: 3px 3px 7px #0e2739
}

#banner_swiper .m-real-button {
    background-color: #f39700
}

#banner_swiper .m-real-button, #banner_swiper .m-six-button {
    margin: 0 auto;
    font-size: 16px;
    color: #fff !important;
    width: 170px;
    line-height: 37px;
    border-radius: 4px
}

#banner_swiper .m-six-button {
    background-image: linear-gradient(0deg, #ff8400, #ffd56f), linear-gradient(#f9a100, #f9a100)
}

#banner_swiper .m-demo-button {
    margin-top: 15px;
    text-decoration: underline;
    font-size: 16px;
    color: #f39700 !important
}

#banner_swiper .m_title_text {
    margin: 66px 0
}

#banner_swiper .m-avatradego-text {
    margin: 90px 0 30px
}

#banner_swiper div .bolt-text {
    margin-top: 16px;
    margin-bottom: 16px
}

#banner_swiper .mcfc_title_text p:first-child {
    margin-bottom: 25px
}

#banner_swiper .mcfc_title_text {
    margin: 45px 0 35px
}

#banner_swiper .m-index-banner-1 .swiper-pagination-bullet, #banner_swiper .m-plantform-banner-1 .swiper-pagination-bullet {
    cursor: pointer;
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    background: #e69c25
}

#banner_swiper .m-index-banner-1 .swiper-pagination-bullet-active, #banner_swiper .m-plantform-banner-1 .swiper-pagination-bullet-active {
    transform: scale(1.2);
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

#product-list .product-list {
    border-right-width: 2px;
    --border-opacity: 1;
    border-color: #dedddd;
    border-color: rgba(222, 221, 221, var(--border-opacity));
    padding: 1rem 2.2rem
}

#product-list .product-list:last-child {
    border: none
}

#product-list .product-list dl {
    line-height: 1;
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity));
    font-weight: 700
}

#product-list .product-list dl img {
    margin-right: 8px
}

#product-list .product-list dl dd {
    text-align: right;
    margin-top: .5rem
}

#product-list .product-list:hover dl dt {
    color: #f89600
}

#product img {
    display: inline-block
}

#product .title-text {
    text-align: center;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity));
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 30px
}

#product .product-warp-box {
    border-width: 2px;
    --border-opacity: 1;
    border-color: #2257a7;
    border-color: rgba(34, 87, 167, var(--border-opacity));
    border-radius: 4px;
    width: 48%;
    text-align: center;
    margin-bottom: 1.5rem
}

#product .product-warp-box h2 {
    font-size: 1rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    --bg-opacity: 1;
    background-color: #2257a7;
    background-color: rgba(34, 87, 167, var(--bg-opacity));
    line-height: 37px
}

#product .img_wrap {
    text-align: center
}

#product .img_wrap img {
    border-width: 2px;
    --border-opacity: 1;
    border-color: #2257a7;
    border-color: rgba(34, 87, 167, var(--border-opacity));
    border-radius: 9999px;
    display: inline-block;
    width: 50%;
    margin: 14px 0 13px
}

#product .product-list-content li {
    line-height: 1;
    margin-bottom: .5rem;
    font-size: .875rem;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

#product .product-list-content li:last-child {
    padding-bottom: 17px
}

@media (min-width: 768px) {
    #product .img_wrap img {
        width: 110px;
        height: 110px
    }

    #product .title-text {
        font-size: 1.875rem;
        margin-top: 60px;
        margin-bottom: 60px
    }

    #product .product-warp-box {
        text-align: center;
        margin-bottom: 0;
        transition: all .5s ease-in-out;
        height: 380px;
        width: 285px
    }

    #product .product-warp-box:hover {
        margin-top: -10px;
        transition: all .5s ease-in-out;
        height: 400px;
        --bg-opacity: 1;
        background-color: #2257a7;
        background-color: rgba(34, 87, 167, var(--bg-opacity))
    }

    #product .product-warp-box:hover h2 {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #eb9c0b;
        color: rgba(235, 156, 11, var(--text-opacity));
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
        font-weight: 700;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        line-height: 1
    }

    #product .product-warp-box:hover .img_wrap img {
        border-width: 2px;
        --border-opacity: 1;
        border-color: #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity));
        border-radius: 9999px;
        display: inline-block;
        margin-top: 36px;
        margin-bottom: 36px
    }

    #product .product-warp-box:hover .more-come {
        display: block
    }

    #product .product-warp-box:hover .product-list-content li {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }

    #product .product-warp-box h2 {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
        font-weight: 700;
        --bg-opacity: 1;
        background-color: #2257a7;
        background-color: rgba(34, 87, 167, var(--bg-opacity));
        line-height: 1
    }

    #product .img_wrap img {
        border-width: 2px;
        --border-opacity: 1;
        border-color: #2257a7;
        border-color: rgba(34, 87, 167, var(--border-opacity));
        border-radius: 9999px;
        display: inline-block;
        margin-top: 36px;
        margin-bottom: 36px
    }

    #product .product-list-content li {
        line-height: 1;
        font-size: 1rem;
        margin-bottom: 23px
    }

    #product .product-list-content li:last-child {
        padding-bottom: 0
    }

    #product .more-come {
        display: none;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        text-align: center
    }
}


#video .title-text {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

#video .content_text {
    font-size: .875rem;
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity));
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 22px
}

@media (min-width: 768px) {
    #video .title-text {
        font-size: 1.875rem;
        font-weight: 700;
        text-align: left
    }

    #video .content_text {
        font-size: 1rem;
        --text-opacity: 1;
        color: #5a5a5a;
        color: rgba(90, 90, 90, var(--text-opacity));
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0;
        line-height: 37px
    }

    #video .come_more {
        font-size: 1rem;
        --text-opacity: 1;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity));
        border-bottom-width: 2px;
        --border-opacity: 1;
        border-color: #343434;
        border-color: rgba(52, 52, 52, var(--border-opacity))
    }

    #video .come_more:hover {
        --text-opacity: 1;
        color: #eb9c0b;
        color: rgba(235, 156, 11, var(--text-opacity));
        border-bottom-width: 2px;
        --border-opacity: 1;
        border-color: #eb9c0b;
        border-color: rgba(235, 156, 11, var(--border-opacity))
    }
}

#transaction .layout-card {
    overflow-y: auto
}

#transaction .modal-mask {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease
}

#transaction .modal-container {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 8px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

#transaction .tc-layout-widget .layout-header {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.875rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 2;
    color: #f8fafc;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-image: linear-gradient(0deg, #373b56, #3a3e59)
}

#transaction .transaction-text {
    text-align: center;
    line-height: 1;
    margin-top: 60px;
    margin-bottom: 2.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

#transaction .transaction-text p:first-child {
    font-size: 1.25rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

#transaction .transaction-text p:nth-child(2) {
    font-size: .875rem;
    margin-bottom: .5rem;
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity))
}

#transaction .transaction-text p:nth-child(3) {
    font-size: .875rem;
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity))
}

#transaction .tc-items {
    border-radius: 8px;
    border-width: 2px;
    --border-opacity: 1;
    border-color: #2257a7;
    border-color: rgba(34, 87, 167, var(--border-opacity));
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .27)
}

#transaction .tc-title {
    font-size: 1.125rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    font-weight: 700;
    --bg-opacity: 1;
    background-color: #2257a7;
    background-color: rgba(34, 87, 167, var(--bg-opacity));
    line-height: 1;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#transaction .tc-tr {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #76a5df;
    border-color: rgba(118, 165, 223, var(--border-opacity))
}

#transaction .tc-table {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%
}

#transaction .tc-tr td {
    padding: 10px
}

#transaction table tr td:first-child {
    width: 38%
}

#transaction table tr td:nth-child(2) {
    width: 34%
}

#transaction table tr td:nth-child(3) {
    width: 25%;
    text-align: right
}

#transaction .tc-tr td, #transaction .tc-tr td a {
    font-size: .875rem
}

#transaction .tc-tr:last-child {
    border-bottom-width: 0
}

#transaction .tc-table-handle:hover a {
    color: #eb9c0b
}

#transaction .index-subscribe {
    margin-bottom: 28px;
    color: #fff;
    font-size: 16px;
    width: 240px;
    line-height: 40px;
    background-color: #f89700;
    box-shadow: 0 3px 7px 0 rgba(28, 4, 9, .35);
    border-radius: 4px
}

@media (min-width: 768px) {
    #transaction .transaction-text {
        line-height: 1;
        margin-top: 60px;
        margin-bottom: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }

    #transaction .transaction-text p:first-child {
        font-size: 1.875rem;
        margin-bottom: 1.5rem;
        font-weight: 700
    }

    #transaction .transaction-text p:nth-child(2) {
        font-size: 1rem;
        margin-bottom: .5rem
    }

    #transaction .transaction-text p:nth-child(3) {
        font-size: 1rem
    }

    #transaction .tc-items {
        width: 28%
    }

    #transaction .tc-title {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        text-align: center;
        font-weight: 700;
        --bg-opacity: 1;
        background-color: #2257a7;
        background-color: rgba(34, 87, 167, var(--bg-opacity));
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    #transaction .tc-tr {
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #76a5df;
        border-color: rgba(118, 165, 223, var(--border-opacity))
    }

    #transaction .tc-tr td, #transaction .tc-tr td a {
        font-size: 1rem
    }

    #transaction .tc-table-title-en {
        padding: .75rem .5rem
    }
}

#plantform .plantform {
    padding: 8.625rem 0 2rem;
    background-color: #2257a7
}

#plantform .plantform_content_text {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.25rem;
    margin: 52px 0 85px;
    line-height: 31px
}

#plantform .plantform_left_img {
    width: 88%;
    margin-left: -84px
}

#plantform .plantform_right_text {
    margin-left: 60px;
    width: 61%
}

#plantform img {
    display: inline-block
}

#plantform .swiper-pagination-bullet {
    cursor: pointer;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    opacity: 1;
    background-color: #e69c25
}

#plantform .swiper-pagination-bullet-active {
    transform: scale(1.2);
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

#plantform .m-plantform-banner-1 .swiper-slide h3 {
    font-size: 1.25rem;
    font-weight: 700
}

#plantform .m-plantform-banner-1 a {
    font-size: 1rem;
    display: inline-block;
    border-bottom-width: 2px;
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

#education .title {
    font-size: 1.25rem;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity));
    font-weight: 700;
    line-height: 1;
    text-align: center
}

#education .title-content {
    font-size: .875rem;
    --text-opacity: 1;
    color: #5c5c5c;
    color: rgba(92, 92, 92, var(--text-opacity));
    text-align: center;
    margin: 20px 0 30px
}

#education .m_education_button {
    margin: 0 auto;
    background-color: #f89700;
    box-shadow: 0 3px 7px 0 rgba(28, 4, 9, .35);
    border-radius: 4px;
    width: 240px;
    line-height: 40px
}

@media (min-width: 768px) {
    #education .title {
        font-size: 2.25rem;
        --text-opacity: 1;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity));
        font-weight: 700;
        line-height: 1;
        text-align: left
    }

    #education .title-content {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #5c5c5c;
        color: rgba(92, 92, 92, var(--text-opacity));
        line-height: 34px;
        margin-top: 1.25rem;
        margin-bottom: 60px;
        text-align: left
    }

    #education .education_button a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        width: 260px;
        height: 64px;
        line-height: 64px
    }

    #education .yellow_pc_img {
        display: none
    }

    #education .guide-button:hover .yellow_pc_img {
        display: block
    }

    #education .guide-button:hover .white_pc_img {
        display: none
    }

    #education .guide-button:hover span {
        --text-opacity: 1;
        color: #f89600;
        color: rgba(248, 150, 0, var(--text-opacity))
    }

    #education .white_book_img {
        display: none
    }

    #education .novice_button:hover .white_book_img {
        display: block
    }

    #education .novice_button:hover .yellow_book_img {
        display: none
    }

    #education .novice_button:hover span {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity))
    }
}

#news-list {
    margin-bottom: 86px
}

#news-list .market_news_title h3 {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    margin: 20px 0 15px
}

#news-list .market_news_title h3, #news-list .news-type ul li a {
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

#news-list .news-type ul li a {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #bcbcbc;
    border-color: rgba(188, 188, 188, var(--border-opacity));
    display: flex;
    justify-content: space-between;
    line-height: 44px;
    font-size: .875rem
}

#news-list .news-type ul li a:hover {
    --text-opacity: 1;
    color: #417dbb;
    color: rgba(65, 125, 187, var(--text-opacity))
}

#news-list .news-type ul li a p {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#news-list .news-type ul li a span {
    display: inline-block
}

#news-list .techonlogy_top {
    font-size: 1rem;
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity));
    font-weight: 700;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #417dbb;
    border-color: rgba(65, 125, 187, var(--border-opacity));
    padding-bottom: 10px
}

#news-list .techonlogy_top a {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #343434;
    border-color: rgba(52, 52, 52, var(--border-opacity));
    font-size: .875rem;
    font-weight: 400;
    padding: 1px 8px
}

@media (min-width: 768px) {
    #news-list .market_news_title h3 {
        --text-opacity: 1;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity));
        font-size: 1.875rem;
        font-weight: 700;
        text-align: center;
        line-height: 1
    }

    #news-list .news-type ul li a {
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #343434;
        border-color: rgba(52, 52, 52, var(--border-opacity));
        display: flex;
        justify-content: space-between;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity));
        line-height: 44px;
        font-size: 1rem;
        --text-opacity: 1;
        color: #5a5a5a;
        color: rgba(90, 90, 90, var(--text-opacity))
    }

    #news-list .news-type ul li a:hover {
        --text-opacity: 1;
        color: #417dbb;
        color: rgba(65, 125, 187, var(--text-opacity))
    }

    #news-list .news-type ul li a p {
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #news-list .news-type ul li a span {
        display: inline-block
    }

    #news-list .techonlogy_top {
        font-size: 1.25rem;
        --text-opacity: 1;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity));
        font-weight: 700;
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #417dbb;
        border-color: rgba(65, 125, 187, var(--border-opacity));
        padding-bottom: 1rem
    }

    #news-list .techonlogy_top a {
        border-width: 1px;
        --border-opacity: 1;
        border-color: #343434;
        border-color: rgba(52, 52, 52, var(--border-opacity));
        font-size: .875rem;
        font-weight: 400;
        padding: 5px 10px
    }
}

.real_button {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: .25rem;
    color: #fff;
    border: 2px solid #f89600;
    transition: color .5s ease-in-out;
    z-index: 1
}

.real_button:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background: #f89600;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

.real_button:hover {
    color: #f89600
}

.real_button:hover:before {
    left: 127%
}

.six_button {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: .25rem;
    color: #fff;
    border: 2px solid #f89600;
    transition: color .5s ease-in-out;
    z-index: 1
}

.six_button:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(0deg, #ff8400, #ffd56f), linear-gradient(#f9a100, #f9a100);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

.six_button:hover {
    color: #f89600
}

.six_button:hover:before {
    left: 127%
}

.novice_button {
    color: #eb9c0b;
    border: 2px solid #eb9c0b;
    background: #f89600;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: .25rem;
    transition: color .5s ease-in-out;
    z-index: 1
}

.novice_button:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #fff;
    transform: skewX(30deg);
    transition: left .5s ease-in-out
}

.novice_button:hover {
    color: #fff
}

.novice_button:hover:before {
    left: 127%
}

#second-left-menu-list li {
    height: auto;
    text-indent: 0
}

#second-left-menu-list .menu-list-item {
    display: none
}

#second-left-menu-list .text-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
    display: block
}

#second-left-menu-list .icon-box svg {
    color: #666
}

#second-left-menu-list li:hover > div {
    background-color: #2882c0
}

#second-left-menu-list li:hover > div span, #second-left-menu-list li:hover > div svg {
    color: #fff
}

#second-left-menu-list li.active > div {
    background-color: #0067ac
}

#second-left-menu-list li.active > div svg {
    color: #fff
}

#second-left-menu-list li.active > div svg.icon-item:first-of-type {
    display: block
}

#second-left-menu-list li.active > div svg.icon-item:nth-of-type(2) {
    display: none
}

#second-left-menu-list li.active > div .text-hide {
    color: #fff
}

#second-left-menu-list li.active > div a span {
    color: #fff
}

#second-left-menu-list li.active ul#third-left-menu-list, #third-left-menu-list li.active ul#forth-left-menu-list {
    display: block
}

#forth-left-menu-list li:hover {
    background-color: #2882c0
}

#forth-left-menu-list li:hover a {
    color: #fff
}

#forth-left-menu-list li.active {
    background-color: #0067ac
}

#forth-left-menu-list li.active > a {
    color: #fff
}

#whhq_list li a {
    font-size: .875rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #dbdbdb;
    border-color: rgba(219, 219, 219, var(--border-opacity));
    display: block;
    padding: .75rem
}

#whhq_list li:hover {
    --bg-opacity: 1;
    background-color: #2882c0;
    background-color: rgba(40, 130, 192, var(--bg-opacity))
}

.whhq_content_list li {
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity));
    display: block;
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.whhq_content_list li a span {
    display: block;
    font-size: 1rem
}

.pages_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile_second_header li {
    text-align: center;
    display: block;
    width: auto;
    margin-right: .75rem
}

.mobile_second_header li a {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100px
}

.mobile_second_header_active {
    border-bottom-width: 2px;
    --border-opacity: 1;
    border-color: #007fcc;
    border-color: rgba(0, 127, 204, var(--border-opacity))
}

.asidebutton .online-class > img {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 4px
}

.asidebutton .out-of-chat-time {
    position: fixed;
    right: 72px;
    top: 452px;
    padding-right: 8px
}

.asidebutton .chat-time {
    display: none;
    height: 74px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #ebebeb;
    opacity: .9;
    padding: 12px 16px 16px
}

.asidebutton .kefu:hover .chat-time {
    display: block
}

.asidebutton .class-information {
    padding: 24px 20px;
    width: 250px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #ebebeb;
    opacity: .9
}

.asidebutton .out-of-class-information {
    padding-right: 8px;
    position: fixed;
    right: 72px;
    top: 230px
}

.asidebutton .class-information .close-button {
    position: absolute;
    width: 12px;
    display: block;
    right: 16px;
    top: 12px
}

.asidebutton .join-class {
    background: #2583c2;
    width: 148px;
    height: 28px;
    border-radius: 4px;
    box-shadow: none;
    border: 0 solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto
}

.asidebutton .join-class .btn-text {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-shadow: none
}

.asidebutton .online-class {
    background-color: #2583c2;
    border-radius: 4px 4px 0 0;
    width: 73px;
    height: 73px;
    padding-top: 8px
}

.asidebutton .online-class .tittle {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
}

.asidebutton .online-class .online-class-img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 40px
}

.asidebutton_shenqing {
    display: none;
    width: 250px;
    height: 224px;
    position: fixed;
    right: 75px;
    top: 304px;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 5px
}

.asidebutton_shenqing_min dl {
    width: 50%;
    float: left
}

.asidebutton_shenqing_min dl dt {
    text-align: center;
    margin: 18px 0 2px
}

.asidebutton_shenqing_min dl dd {
    font-size: 14px;
    text-align: center
}

.asidebutton_shenqing_regist {
    display: inline-block;
    width: 144px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #036cd2;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    margin: 20px 55px;
    background: #036cd2;
    border-radius: 5px
}

.daili_public:hover .asidebutton_shenqing {
    display: block
}

.wexinpublic .weixin {
    display: none
}

.wexinpublic:hover .weixin {
    display: block
}

* {
    font-family: system-ui, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Heiti SC, Helvetica, Tahoma, Arial, WenQuanYi Micro Hei, sans-serif !important
}

img {
    display: inline-block
}

.text-page-content a {
    --text-opacity: 1;
    color: #2882c0;
    color: rgba(40, 130, 192, var(--text-opacity))
}

.bt a {
    color: #fff
}

.btns {
    background: #2882c0;
    margin-right: 20%
}

.btns1 {
    background: #82bb41
}

.text-00468e {
    color: #00468e
}

.text-343434 {
    color: #343434
}

.bg-f2f2f2 {
    background: #f2f2f2
}

.bg-142d42 {
    background: #142d42
}

.guonei {
    height: 186px
}

.guowai {
    height: 230px
}

.w-30 {
    width: 30%
}

.w-45 {
    width: 45%
}

.alist li p {
    margin: 12px 0;
    display: flex;
    align-items: self-start;
    color: #343434;
    line-height: normal
}

.pin-b {
    bottom: 0
}

.bt {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners .box {
    box-shadow: 0 5px 15px #ccc;
    max-width: 100%;
    height: 140px;
    padding: 15px 15px 0;
    margin: 30px auto 0
}

.page_content_right p a {
    color: #2882c0
}

.page_content_right p a:hover {
    text-decoration: underline
}

@keyframes line-scale-pulse-out {
    0% {
        transform: scaley(1)
    }
    50% {
        transform: scaley(.4)
    }
    to {
        transform: scaley(1)
    }
}

.m-footer-nav {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-auto-flow: row dense
}

.m-footer-nav .item {
    grid-column: span 3
}

.m-footer-nav .item:first-of-type, .m-footer-nav .item:nth-of-type(2), .m-footer-nav .item:nth-of-type(6), .m-footer-nav .item:nth-of-type(7) {
    grid-column: span 3
}

.m-footer-nav .item:first-of-type, .m-footer-nav .item:nth-of-type(6) {
    margin-left: auto
}

.m-footer-nav .item:nth-of-type(2), .m-footer-nav .item:nth-of-type(7) {
    margin-right: auto
}

.m-footer-nav .item:nth-of-type(3), .m-footer-nav .item:nth-of-type(4), .m-footer-nav .item:nth-of-type(5) {
    grid-column: span 2
}

.bar {
    width: 32px;
    height: 4px;
    position: absolute;
    right: 5px;
    margin: auto 0;
    background-color: #2882c0
}

.menu-toggle, .mobile-button {
    display: inline-block
}

.mobile-button {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
    margin-right: 15px;
    transition: all .5s ease-out
}

.mobile-button .bar.top {
    top: 13px;
    bottom: auto
}

.mobile-button .bar.bottom {
    top: auto;
    bottom: 13px
}

.mobile-button .bar.middle {
    top: 0;
    bottom: 0
}

.mobile-close, .mobile-close [class^=line] {
    width: 32px;
    transition: all .5s ease-out;
    left: -6px
}

.mobile-close {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    height: 28px;
    position: relative;
    display: inline-block;
    margin-right: -3px;
    top: 15px
}

.mobile-close [class^=line] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: #2882c0
}

.active .mobile-close .line2 {
    transform: rotate(45deg)
}

.active .mobile-close .line1 {
    transform: rotate(-45deg)
}

.active .mobile-close {
    opacity: 1;
    pointer-events: all
}

.active .mobile-button {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: none;
    cursor: pointer
}

.m-nav-demo-btn, .m-nav-real-btn {
    text-align: center;
    font-size: .875rem;
    line-height: 32px;
    width: 140px;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.m-nav-real-btn {
    border: 1px solid #8db352;
    background-color: #8db352;
    border-radius: 3px
}

.m-nav-demo-btn {
    border-radius: 3px;
    border: 1px solid #343434
}

.bg-e4e9e9 {
    background-color: #e4e9e9
}

.bg-d6d {
    background-color: #d6dbdb
}

#range-of-markets-page .product-bg:hover {
    background-image: url(/static/home/images/products-bg.png)
}

#range-of-markets-page .list-title {
    background-image: url(/static/home/images/list-icon.png)
}

#range-of-markets-page .video-cover {
    background-image: url(/static/home/images/video-pic.jpg);
    background-size: 100% 100%
}

#m-range-of-markets-forex section {
    margin-bottom: 15.4px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#m-range-of-markets-forex h2 {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 13px;
    letter-spacing: 0;
    color: #4182be
}

#m-range-of-markets-forex h2:before {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background-color: #4182be;
    margin-right: 4px
}

#m-range-of-markets-forex p {
    font-size: 12px;
    line-height: 1.3;
    color: #343434
}

#m-range-of-markets-forex .mb-12px {
    margin-bottom: 12px
}

#m-range-of-markets-forex .blocks {
    display: block
}

#m-range-of-markets-forex .icon-box {
    width: 2.8125rem;
    height: 2.8125rem;
    border: 1px solid #4182be
}

#m-range-of-markets-forex h3 {
    white-space: nowrap
}

#m-range-of-markets-forex .icon-box img {
    max-width: 66.666667%;
    max-height: 66.666667%
}

#m-range-of-markets-forex h3 {
    font-size: 12px;
    color: #343434
}

#m-range-of-markets-forex .pic-box {
    width: 7.25rem
}

#m-range-of-markets-forex .mr-12px {
    margin-right: 10px
}

#m-range-of-markets-forex .why h2 {
    margin-bottom: 0
}

#m-range-of-markets-forex .why {
    position: relative;
    padding-left: 11px;
    margin-bottom: 7px
}

#m-range-of-markets-forex .why p {
    letter-spacing: -.013rem
}

#m-range-of-markets-forex .factor div p {
    padding-left: .3rem
}

#m-range-of-markets-forex .factor div {
    position: relative;
    margin-bottom: 4px
}

#m-range-of-markets-forex .factor div .iconss, #m-range-of-markets-forex .why div {
    width: 4px;
    height: 4px;
    display: block;
    margin-right: .213rem;
    margin-top: .213rem;
    border-radius: 9999px;
    background-color: #2583c2;
    position: absolute;
    left: 0;
    top: -2px
}

#m-range-of-markets-forex .last-box h2 {
    margin-bottom: 0
}

#m-range-of-markets-forex .last-box .pic-box {
    width: 13rem
}

#m-range-of-markets-forex .last-box .text-box {
    width: 20rem
}

#m-range-of-markets-forex .last-box p {
    line-height: 1.26;
    letter-spacing: -.007rem
}

#m-range-of-markets-page {
    padding-top: .267rem;
    padding-left: .347rem;
    padding-right: .347rem
}

#m-range-of-markets-page .blocks {
    display: block
}

#m-range-of-markets-page .section-banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 110px;
    padding: 22px 0 32px 12px
}

#m-range-of-markets-page .section-banner p {
    font-family: PingFang-SC-Bold !important;
    font-size: 16px;
    line-height: 2;
    color: #fff;
    text-shadow: 0 3px 5px #07599e;
    letter-spacing: 1px
}

#m-range-of-markets-page .section-banner p span {
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #eb9c32
}

#m-range-of-markets-page .section-info {
    margin: 32px 0
}

#m-range-of-markets-page .section-info h2 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 1;
    color: #2e2e2e
}

#m-range-of-markets-page .section-info p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 1.5;
    color: #2e2e2e;
    margin-top: 16px
}

#m-range-of-markets-page .section-info .divone {
    margin-top: 28px;
    margin-bottom: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#m-range-of-markets-page .section-info .divone .divtwo {
    width: 48%
}

#m-range-of-markets-page .section-info .divone .divtwo a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 8px;
    box-shadow: 0 1px 9px 1px rgba(35, 125, 251, .14);
    border-radius: 2px;
    border: 1px solid #2459a1
}

#m-range-of-markets-page .section-info .divone .divtwo h2 {
    font-size: 14px;
    line-height: 1;
    color: #3c7fbf
}

#m-range-of-markets-page .section-info .divone .divtwo div.pic-icon-box {
    border: 1px solid #2649a1;
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    overflow: hidden;
    margin: 16px 0 12px
}

#m-range-of-markets-page .section-info .divone .divtwo p {
    font-size: 12px;
    line-height: 1.5;
    color: #2e2e2e;
    margin: 0;
    text-align: center
}

#m-range-of-markets-page .section-info .divone .divtwo .svg-icon-box svg {
    width: 18px;
    fill: #ef8d19;
    margin-top: 8px
}

#m-range-of-markets-page .section-info div.btn-box {
    display: flex;
    align-items: center;
    justify-content: center
}

#m-range-of-markets-page .section-info div.btn-box a:first-of-type {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    width: 164px;
    height: 36px;
    background-color: #78b639;
    border-radius: 2px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

#m-range-of-markets-page .section-info div.btn-box a:last-of-type {
    font-family: PingFangSC-Regular;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    color: #3874b7
}

#m-range-of-markets-page .section-video {
    margin-bottom: 28px
}

#m-range-of-markets-page .section-video h2 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 1;
    color: #2e2e2e;
    margin-bottom: 20px
}

#m-range-of-markets-page .section-video video {
    border-radius: 2px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#m-range-of-markets-page .section-advantage {
    margin-bottom: 16px
}

#m-range-of-markets-page .section-advantage h2 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 1;
    color: #2e2e2e;
    margin-bottom: 16px
}

#m-range-of-markets-page .section-advantage .divthree div {
    margin-bottom: 16px
}

#m-range-of-markets-page .section-advantage .divthree div h3 {
    font-size: 12px;
    line-height: 1;
    color: #2e2e2e;
    padding-left: 20px;
    background-image: url(/static/home/images/list-icon.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto 100%;
    margin-bottom: 8px;
    font-weight: 700
}

#m-range-of-markets-page .section-advantage .divthree div p {
    font-size: 12px;
    line-height: 1.5;
    color: #484848;
    padding-left: 20px;
    white-space: pre-line
}

#m-range-of-markets-page .section-advantage div.btn-box {
    display: flex;
    align-items: center;
    justify-content: center
}

#m-range-of-markets-page .section-advantage div.btn-box a:first-of-type {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    width: 164px;
    height: 36px;
    background-color: #78b639;
    border-radius: 2px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

#m-range-of-markets-page .section-advantage div.btn-box a:last-of-type {
    font-family: PingFangSC-Regular;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    color: #3874b7
}

#hang-seng-index-content-page * {
    font-family: system-ui
}

#hang-seng-index-content-page a {
    color: #2882c0
}

#hang-seng-index-content-page h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    color: #2e2e2e;
    margin-bottom: 16px
}

#hang-seng-index-content-page h3 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #2e2e2e;
    margin-bottom: 16px
}

#hang-seng-index-content-page p {
    font-size: 14px;
    line-height: 1.25;
    color: #5b5b5b
}

#hang-seng-index-content-page .m-banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-top: 16px;
    padding: 36px 0 36px 16px
}

#hang-seng-index-content-page .m-banner h2 {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 2px 4px rgba(10, 11, 66, .35);
    margin-bottom: 12px
}

#hang-seng-index-content-page .m-banner h3 {
    font-size: 12px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0
}

#hang-seng-index-content-page .what-is-hang-seng {
    margin-top: 28px
}

#hang-seng-index-content-page .what-is-hang-seng p {
    margin-top: 20px
}

#hang-seng-index-content-page .what-is-hang-seng .video-box .video-cover {
    position: relative;
    width: 93vw;
    height: 52.60606vw;
    background-image: url(/static/home/images/pc-section-one-video-pic.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: pointer
}

#hang-seng-index-content-page .what-is-hang-seng .video-box .video-cover .video-btn {
    width: 52px
}

#hang-seng-index-content-page .what-is-hang-seng .video-player-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 93vw;
    height: 52.60606vw
}

#hang-seng-index-content-page .what-is-hang-seng .video-player-box .video-player {
    display: block;
    width: 100%
}

#hang-seng-index-content-page .what-is-hang-seng .video-box {
    position: relative;
    margin-top: 20px;
    width: 93vw;
    height: 52.60606vw
}

#hang-seng-index-content-page .what-is-hang-seng .text-p {
    margin-top: 12px
}

#hang-seng-index-content-page .section-one-bottom-p {
    display: none
}

#hang-seng-index-content-page .hang-seng-info {
    margin-top: 20px
}

#hang-seng-index-content-page .hang-seng-info h2 {
    margin-bottom: 4px
}

#hang-seng-index-content-page .hang-seng-info .info-list {
    display: flex;
    flex-direction: column
}

#hang-seng-index-content-page .hang-seng-info .info-list p {
    line-height: 1.9
}

#hang-seng-index-content-page .hang-seng-info .info-list span {
    display: none
}

#hang-seng-index-content-page .hang-seng-info .info-list p:first-of-type {
    order: 1
}

#hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(2) {
    order: 2
}

#hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(3) {
    order: 5
}

#hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(4) {
    order: 4
}

#hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(5) {
    order: 3
}

#hang-seng-index-content-page .hang-seng-advantage {
    margin-top: 12px;
    margin-bottom: 32px
}

#hang-seng-index-content-page .hang-seng-advantage h2 {
    margin-bottom: 12px
}

#hang-seng-index-content-page .hang-seng-advantage .text-info {
    margin-bottom: 20px
}

#hang-seng-index-content-page .hang-seng-advantage .text-info p {
    line-height: 2.2
}

#hang-seng-index-content-page .hang-seng-advantage .text-info p.m-line-height {
    line-height: 1.4
}

#hang-seng-index-content-page .hang-seng-advantage .pic-box .pc-pic {
    display: none
}

#hang-seng-index-content-page .real-and-demo-btns {
    display: flex;
    align-items: center;
    padding-left: 12px
}

#hang-seng-index-content-page .real-and-demo-btns .real-btn {
    width: 164px;
    border-radius: 2px;
    padding: 12px 0;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    background-color: #8ec94d;
    border: 1px solid #8ec94d;
    text-align: center
}

#hang-seng-index-content-page .real-and-demo-btns .demo-btn {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    color: #2375b5;
    margin: 0 auto
}

#hang-seng-index-content-page .hang-seng-has {
    margin-top: 24px
}

#hang-seng-index-content-page .hang-seng-has img {
    display: none
}

#hang-seng-index-content-page .hang-seng-has p {
    line-height: 1.3
}

#hang-seng-index-content-page .hang-seng-table {
    margin-top: 20px
}

#hang-seng-index-content-page .hang-seng-table h3 {
    margin-bottom: 8px
}

#hang-seng-index-content-page .hang-seng-table caption {
    background-color: #203c6b;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding: 12px 0 8px
}

#hang-seng-index-content-page .hang-seng-table th {
    font-size: 12px;
    height: 28px;
    color: #000;
    text-align: left
}

#hang-seng-index-content-page .hang-seng-table td {
    font-size: 12px;
    height: 46px;
    color: #5a5a5a;
    text-align: left;
    background-color: #fff
}

#hang-seng-index-content-page .hang-seng-table table {
    border: 2px solid #eaeaea;
    width: 100%;
    table-layout: fixed
}

#hang-seng-index-content-page .hang-seng-table table:first-of-type {
    margin-bottom: 12px
}

#hang-seng-index-content-page .hang-seng-table table tr {
    border-bottom: 2px solid #eaeaea
}

#hang-seng-index-content-page .hang-seng-table table tbody, #hang-seng-index-content-page .hang-seng-table table thead {
    border: none
}

#hang-seng-index-content-page .hang-seng-table table:first-child th:first-child {
    padding: 0 0 0 12px;
    width: 124px
}

#hang-seng-index-content-page .hang-seng-table table:first-child th:nth-child(2) {
    padding: 0 0 0 40px;
    width: 96px
}

#hang-seng-index-content-page .hang-seng-table table:first-child th:nth-child(3) {
    padding: 0 0 0 64px
}

#hang-seng-index-content-page .hang-seng-table table:first-child tr td:first-child {
    padding: 0 0 0 12px;
    width: 124px
}

#hang-seng-index-content-page .hang-seng-table table:first-child tr td:nth-child(2) {
    padding: 0 0 0 40px;
    width: 96px
}

#hang-seng-index-content-page .hang-seng-table table:first-child tr td:nth-child(3) {
    padding-left: 64px
}

#hang-seng-index-content-page .hang-seng-table table:nth-child(2) th:first-child {
    padding: 0 0 0 16px;
    width: 236px
}

#hang-seng-index-content-page .hang-seng-table table:nth-child(2) th:nth-child(2) {
    padding: 0 0 0 48px
}

#hang-seng-index-content-page .hang-seng-table table:nth-child(2) tr td:first-child {
    padding: 0 0 0 16px;
    width: 236px
}

#hang-seng-index-content-page .hang-seng-table table:nth-child(2) tr td:nth-child(2) {
    padding: 0 0 0 48px
}

#hang-seng-index-content-page .hang-seng-formula {
    margin-top: 12px;
    margin-bottom: 24px
}

#hang-seng-index-content-page .hang-seng-formula h3 {
    margin-bottom: 0
}

#hang-seng-index-content-page .hang-seng-formula .pic-box {
    margin-left: -12px
}

#hang-seng-index-content-page .factors {
    margin-top: 32px
}

#hang-seng-index-content-page .factors .m-text-box {
    display: block
}

#hang-seng-index-content-page .factors .m-text-box p {
    margin-bottom: 16px;
    line-height: 1.3
}

#hang-seng-index-content-page .factors .text-box {
    display: none
}

#hang-seng-index-content-page .factors .content-box:first-of-type .pic-box {
    display: none
}

#hang-seng-index-content-page .question {
    background-image: url(/static/home/images/m-section-seven-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 12px 24px 0;
    margin-top: 20px;
    margin-bottom: 32px;
    display: block
}

#hang-seng-index-content-page .question h2 {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 12px
}

#hang-seng-index-content-page .question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#hang-seng-index-content-page .question .question-box .question-list div {
    padding: 12px;
    border-top: 1px solid #e7e7e7
}

#hang-seng-index-content-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#hang-seng-index-content-page .question .question-items em {
    width: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

#hang-seng-index-content-page .question .answer-items {
    display: none
}

#hang-seng-index-content-page .question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 8px
}

#hang-seng-index-content-page .question p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #999;
    margin-top: 8px
}

#hang-seng-index-content-page .bottom-section {
    background-image: url(/static/home/images/m-section-eight-bg.jpg);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 24px 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#hang-seng-index-content-page .bottom-section .real-btn, #hang-seng-index-content-page .bottom-section p {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff
}

#hang-seng-index-content-page .bottom-section .real-btn {
    width: 100px;
    border-radius: 2px;
    padding: 4px 0;
    border: 1px solid #71b242
}

#hang-seng-index-content-page .bottom-section .animate-btn {
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

#hang-seng-index-content-page .bottom-section .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539
}

#hang-seng-index-content-page .bottom-section .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#hang-seng-index-content-page .bottom-section .animate-btn:hover:before {
    left: 127%
}

@media (min-width: 1200px) {
    #hang-seng-index-content-page {
        margin-top: -20px;
        margin-bottom: -48px
    }

    #hang-seng-index-content-page h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 12px
    }

    #hang-seng-index-content-page h3 {
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 20px
    }

    #hang-seng-index-content-page p {
        font-size: 16px;
        line-height: 1.75 !important;
        color: #5b5b5b
    }

    #hang-seng-index-content-page .m-banner {
        display: none
    }

    #hang-seng-index-content-page .real-and-demo-btns {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #hang-seng-index-content-page .real-and-demo-btns .real-btn {
        width: 260px;
        background-color: #fff;
        border-radius: 4px;
        padding: 16px 0;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        margin-right: 180px;
        border: 1px solid #8ec94d
    }

    #hang-seng-index-content-page .animate-btn {
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #hang-seng-index-content-page .animate-btn:hover {
        transition: color .5s ease-in-out;
        color: #8ec94d
    }

    #hang-seng-index-content-page .animate-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #8ec94d;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #hang-seng-index-content-page .animate-btn:hover:before {
        left: 127%
    }

    #hang-seng-index-content-page .real-and-demo-btns .demo-btn {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #3874b7;
        margin: 0
    }

    #hang-seng-index-content-page .real-and-demo-btns .demo-btn:hover {
        color: #2559a2
    }

    #hang-seng-index-content-page .what-is-hang-seng .content-box {
        display: flex;
        align-items: flex-start
    }

    #hang-seng-index-content-page .what-is-hang-seng .text-box {
        flex: 1;
        padding-right: 80px;
        display: flex;
        flex-direction: column
    }

    #hang-seng-index-content-page .what-is-hang-seng .text-box .text-p {
        margin-bottom: 28px;
        margin-top: 0
    }

    #hang-seng-index-content-page .what-is-hang-seng p {
        margin-top: 0
    }

    #hang-seng-index-content-page .what-is-hang-seng p:nth-of-type(3) {
        display: none
    }

    #hang-seng-index-content-page .what-is-hang-seng .video-box {
        position: relative;
        margin-top: 20px;
        width: 396px;
        height: 224px
    }

    #hang-seng-index-content-page .what-is-hang-seng .video-box .video-cover {
        position: relative;
        width: 396px;
        height: 224px;
        background-image: url(/static/home/images/pc-section-one-video-pic.jpg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        cursor: pointer
    }

    #hang-seng-index-content-page .what-is-hang-seng .video-player-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 396px;
        height: 224px
    }

    #hang-seng-index-content-page .what-is-hang-seng .video-box .video-cover .video-btn {
        width: auto
    }

    #hang-seng-index-content-page .what-is-hang-seng .video-player-box .video-player {
        display: block;
        width: 100%
    }

    #hang-seng-index-content-page .what-is-hang-seng .section-one-bottom-p {
        display: block;
        margin-top: 20px
    }

    #hang-seng-index-content-page .hang-seng-info {
        margin-top: 32px
    }

    #hang-seng-index-content-page .hang-seng-info .info-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row
    }

    #hang-seng-index-content-page .hang-seng-info h2 {
        margin-bottom: 12px
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p {
        line-height: 2.3 !important
    }

    #hang-seng-index-content-page .hang-seng-info .info-list span {
        display: inline
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:first-child {
        margin-right: 111px
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-child(2) {
        margin-right: 76px
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-child(4) {
        margin-right: 73px
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:first-of-type {
        order: 1
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(2) {
        order: 2
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(3) {
        order: 3
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(3) br {
        display: none
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(4) {
        order: 4
    }

    #hang-seng-index-content-page .hang-seng-info .info-list p:nth-of-type(5) {
        order: 5
    }

    #hang-seng-index-content-page .hang-seng-advantage {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 28px;
        margin-bottom: 40px;
        height: 185px
    }

    #hang-seng-index-content-page .hang-seng-advantage .text-info {
        padding: 20px 0 0 32px;
        margin-bottom: 8px
    }

    #hang-seng-index-content-page .hang-seng-advantage .text-info p.m-line-height {
        line-height: 2.2
    }

    #hang-seng-index-content-page .hang-seng-advantage .pic-box {
        display: block;
        font-size: 0
    }

    #hang-seng-index-content-page .hang-seng-advantage .pic-box .m-pic {
        display: none
    }

    #hang-seng-index-content-page .hang-seng-advantage .pic-box .pc-pic {
        display: block
    }

    #hang-seng-index-content-page .hang-seng-has {
        margin-top: 40px
    }

    #hang-seng-index-content-page .hang-seng-has .content-box {
        display: flex;
        justify-content: space-between
    }

    #hang-seng-index-content-page .hang-seng-has .content-box .text-box {
        flex: 1;
        margin-left: 64px
    }

    #hang-seng-index-content-page .hang-seng-has .pic-box img {
        display: block;
        margin-top: 8px
    }

    #hang-seng-index-content-page .hang-seng-table {
        margin-top: 32px
    }

    #hang-seng-index-content-page .hang-seng-table h3 {
        margin-bottom: 20px
    }

    #hang-seng-index-content-page .hang-seng-table .content-box {
        display: flex
    }

    #hang-seng-index-content-page .hang-seng-table caption {
        background-color: #203c6b;
        font-size: 16px;
        line-height: 1;
        color: #fff;
        padding: 12px 0 16px
    }

    #hang-seng-index-content-page .hang-seng-table th {
        font-size: 16px;
        height: 40px;
        color: #000;
        text-align: left
    }

    #hang-seng-index-content-page .hang-seng-table td {
        font-size: 16px;
        height: 60px;
        color: #5a5a5a;
        text-align: left;
        background-color: #fff
    }

    #hang-seng-index-content-page .hang-seng-table table {
        border: 1px solid #eaeaea;
        width: 50%;
        table-layout: fixed
    }

    #hang-seng-index-content-page .hang-seng-table table:nth-child(2) {
        border-left: none
    }

    #hang-seng-index-content-page .hang-seng-table table tr {
        border-bottom: 1px solid #eaeaea
    }

    #hang-seng-index-content-page .hang-seng-table table:first-of-type {
        margin-bottom: 0
    }

    #hang-seng-index-content-page .hang-seng-table table tbody, #hang-seng-index-content-page .hang-seng-table table thead {
        border: none
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child th:first-child {
        padding: 0 0 0 16px;
        width: 168px
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child th:nth-child(2) {
        padding: 0 0 0 48px;
        width: 128px
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child th:nth-child(3) {
        padding: 0 0 0 84px
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child tr td:first-child {
        padding: 0 0 0 16px;
        width: 168px
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child tr td:nth-child(2) {
        padding-left: 48px;
        width: 128px
    }

    #hang-seng-index-content-page .hang-seng-table table:first-child tr td:nth-child(3) {
        padding-left: 84px
    }

    #hang-seng-index-content-page .hang-seng-table table:nth-child(2) th:first-child {
        padding: 0 0 0 48px;
        width: 314px
    }

    #hang-seng-index-content-page .hang-seng-table table:nth-child(2) th:nth-child(2) {
        padding: 0 0 0 76px
    }

    #hang-seng-index-content-page .hang-seng-table table:nth-child(2) tr td:first-child {
        padding: 0 0 0 48px;
        width: 314px
    }

    #hang-seng-index-content-page .hang-seng-table table:nth-child(2) tr td:nth-child(2) {
        padding: 0 0 0 76px
    }

    #hang-seng-index-content-page .hang-seng-formula {
        margin-top: 28px;
        margin-bottom: 32px
    }

    #hang-seng-index-content-page .hang-seng-formula .pic-box {
        margin-left: -24px
    }

    #hang-seng-index-content-page .factors {
        margin-top: 40px;
        background-color: #eaecf4
    }

    #hang-seng-index-content-page .factors .content-box {
        display: flex;
        align-items: flex-start
    }

    #hang-seng-index-content-page .factors .content-box p {
        line-height: 1.7
    }

    #hang-seng-index-content-page .factors .content-box .m-text-box {
        display: none
    }

    #hang-seng-index-content-page .factors .content-box .text-box {
        display: block;
        width: 50%;
        padding: 20px 16px 0
    }

    #hang-seng-index-content-page .factors .content-box .text-box p:first-of-type {
        margin-bottom: 24px
    }

    #hang-seng-index-content-page .factors .content-box .pic-box {
        width: 50%
    }

    #hang-seng-index-content-page .factors .content-box:first-of-type .pic-box {
        display: block
    }

    #hang-seng-index-content-page .factors .content-box:nth-of-type(2) .text-box p:first-of-type {
        margin-top: 28px
    }

    #hang-seng-index-content-page .question {
        background-image: url(/static/home/images/pc-section-seven-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 32px 64px 0 68px;
        margin-top: 60px;
        margin-bottom: 60px;
        display: block
    }

    #hang-seng-index-content-page .question h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0;
        color: #fff;
        margin-left: 32px;
        margin-bottom: 44px
    }

    #hang-seng-index-content-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #hang-seng-index-content-page .question .question-box .question-list div {
        padding: 24px 32px;
        border-top: 1px solid #e7e7e7
    }

    #hang-seng-index-content-page .question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #hang-seng-index-content-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #hang-seng-index-content-page .question .answer-items {
        display: none;
        margin-top: 12px
    }

    #hang-seng-index-content-page .question h4 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #hang-seng-index-content-page .question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #999;
        margin-top: 20px
    }

    #hang-seng-index-content-page .bottom-section {
        background-image: url(/static/home/images/pc-section-eight-bg.jpg);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 40px 60px 40px 36px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #hang-seng-index-content-page .bottom-section p {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 2px;
        color: #fff
    }

    #hang-seng-index-content-page .bottom-section .real-btn {
        width: 260px;
        border-radius: 4px;
        padding: 16px 0;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        border: 1px solid #78b539
    }

    #hang-seng-index-content-page .bottom-section .animate-btn {
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #hang-seng-index-content-page .bottom-section .animate-btn:hover {
        transition: color .5s ease-in-out;
        color: #78b539
    }

    #hang-seng-index-content-page .bottom-section .animate-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #78b539;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #hang-seng-index-content-page .bottom-section .animate-btn:hover:before {
        left: 127%
    }
}

#pc-nikkei255-page * {
    font-family: system-ui
}

#dollar-content-page .banner {
    text-shadow: 0 3px 7px rgba(11, 6, 67, .35);
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

#dollar-content-page .section-five-slider-box {
    background-image: url(/static/home/images/m-sec-5-bg-1.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

#dollar-content-page .section-five-slider .swiper-wrapper {
    transition-timing-function: linear
}

#dollar-content-page .slider-text-box {
    background-image: url(/static/home/images/m-sec-5-bg-1.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box
}

#dollar-content-page .question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 12px 24px 0;
    margin-top: 32px;
    margin-bottom: 28px;
    display: block
}

#dollar-content-page .question em {
    font-style: normal
}

#dollar-content-page .question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#dollar-content-page .question .question-box ul {
    padding: 0
}

#dollar-content-page .question .question-box ul li {
    border-top: 1px solid #e7e7e7;
    padding: 8px 3px 8px 12px
}

#dollar-content-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start
}

#dollar-content-page .question .question-items span {
    margin-right: 12px
}

#dollar-content-page .question .answer-items {
    display: none
}

#dollar-content-page .question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 8px
}

#dollar-content-page .question h4.lh-normal {
    line-height: 1.5
}

#dollar-content-page .question p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #999;
    margin-top: 4px
}

#dollar-content-page .section-eight {
    background-image: url(/static/home/images/m-sec-8-bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    #dollar-content-page {
        margin-bottom: -112px
    }

    #dollar-content-page .xl\:font-normal {
        font-weight: 400
    }

    #dollar-content-page .section-four {
        box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
    }

    #dollar-content-page .section-five-slider-box {
        background-image: url(/static/home/images/pc-sec-5-bg.jpg);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }

    #dollar-content-page .list-item-bg {
        background-image: url(/static/home/images/pc-se5-bg2.jpg);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }

    #dollar-content-page .section-six {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
    }

    #dollar-content-page .question {
        background-image: url(/static/home/images/pc-sec-7-bg.png);
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 60px;
        padding: 32px 68px 0
    }

    #dollar-content-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #dollar-content-page .question .question-box ul {
        padding-right: 0;
        padding-left: 0
    }

    #dollar-content-page .question .question-box ul li {
        padding: 8px 36px 24px 32px;
        border-top: 1px solid #e7e7e7
    }

    #dollar-content-page .question .question-items {
        margin-top: 12px;
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #dollar-content-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #dollar-content-page .question .answer-items {
        display: none;
        white-space: pre-line;
        margin-top: 12px
    }

    #dollar-content-page .question h4 {
        font-size: 22px;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #dollar-content-page .question h4, #dollar-content-page .question p {
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0
    }

    #dollar-content-page .question p {
        font-size: 16px;
        color: #5b5b5b;
        margin-top: 20px;
        margin-right: 0
    }

    #dollar-content-page .section-eight {
        background-image: url(/static/home/images/pc-sec-8-bg.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }
}

#fushia50-content-page * {
    font-family: system-ui
}

#fushia50-content-page .banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#fushia50-content-page .banner .text-shadow {
    text-shadow: 0 3px 7px #101323
}

#fushia50-content-page .video-cover {
    background-image: url(/static/home/images/section-one-video-pic-small.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#fushia50-content-page .video-player {
    width: 100%
}

#fushia50-content-page .text-white {
    color: #fff
}

#fushia50-content-page .text-blue-237 {
    color: #2375b5
}

#fushia50-content-page .animate-btn {
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

#fushia50-content-page .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539
}

#fushia50-content-page .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#fushia50-content-page .animate-btn:hover:before {
    left: 127%
}

#fushia50-content-page .table-box table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    table-layout: fixed
}

#fushia50-content-page .table-box table thead {
    background-color: #203c6b
}

#fushia50-content-page .table-box th {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-align: left;
    padding: 8px 0;
    height: 26px;
    white-space: nowrap
}

#fushia50-content-page .table-box th:first-of-type, #fushia50-content-page .table-box tr td:first-of-type {
    padding-left: 8px;
    width: 104px
}

#fushia50-content-page .table-box tr td:nth-of-type(2), #fushia50-content-page .table-box tr th:nth-of-type(2) {
    padding-left: 12px;
    width: 40px
}

#fushia50-content-page .table-box tr td:nth-of-type(3), #fushia50-content-page .table-box tr th:nth-of-type(3) {
    padding-left: 20px;
    width: 200px
}

#fushia50-content-page .table-box tr td:nth-of-type(4), #fushia50-content-page .table-box tr th:nth-of-type(4) {
    padding-left: 128px
}

#fushia50-content-page .table-box td {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    height: 48px;
    letter-spacing: 0;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    white-space: normal
}

#fushia50-content-page .table-box td a {
    color: #2882c0;
    text-decoration: underline
}

#fushia50-content-page .m-bold {
    font-weight: 700
}

@media (min-width: 1200px) {
    #fushia50-content-page .video-player {
        width: 396px
    }

    #fushia50-content-page .m-bold {
        font-weight: 400
    }

    #fushia50-content-page .m-btn {
        display: none
    }

    #fushia50-content-page .table-box table {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        table-layout: fixed
    }

    #fushia50-content-page .table-box table thead {
        background-color: #203c6b
    }

    #fushia50-content-page .table-box th {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        text-align: left;
        padding: 8px 0;
        height: 44px;
        white-space: nowrap
    }

    #fushia50-content-page .table-box th:first-of-type, #fushia50-content-page .table-box tr td:first-of-type {
        padding-left: 52px;
        width: 184px
    }

    #fushia50-content-page .table-box tr td:nth-of-type(2), #fushia50-content-page .table-box tr th:nth-of-type(2) {
        padding-left: 112px;
        width: 148px
    }

    #fushia50-content-page .table-box tr td:nth-of-type(3), #fushia50-content-page .table-box tr th:nth-of-type(3) {
        padding-left: 172px;
        width: 584px
    }

    #fushia50-content-page .table-box tr td:nth-of-type(4), #fushia50-content-page .table-box tr th:nth-of-type(4) {
        padding-left: 128px
    }

    #fushia50-content-page .table-box td {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        height: 44px;
        letter-spacing: 0;
        text-align: left;
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7;
        white-space: nowrap
    }

    #fushia50-content-page .table-box td a {
        color: #2882c0;
        text-decoration: underline
    }
}

#range-of-markets-forex-landing-page {
    padding: 0 12px
}

#range-of-markets-forex-landing-page .content-box-max-w {
    max-width: 1200px;
    margin: 0 auto
}

#range-of-markets-forex-landing-page .h2-title {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434;
    font-weight: 700;
    text-align: center
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one {
    display: flex;
    align-items: center
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn {
    width: 164px;
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding: 12px 0;
    text-align: center
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:hover {
    color: #90b851
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:hover:before {
    left: 127%
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .demo-btn {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #4281bc;
    margin: 0 auto
}

#range-of-markets-forex-landing-page .real-and-demo-btn-one .demo-btn:hover {
    color: #255aa2
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two {
    display: flex;
    align-items: center;
    justify-content: center
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn {
    width: 164px;
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding: 12px 0;
    text-align: center
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:hover {
    color: #90b851
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:hover:before {
    left: 127%
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .demo-btn {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #4281bc;
    margin: 0 auto
}

#range-of-markets-forex-landing-page .real-and-demo-btn-two .demo-btn:hover {
    color: #255aa2
}

#range-of-markets-forex-landing-page .banner {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 36px 0 24px 20px;
    margin: 16px 0 0
}

#range-of-markets-forex-landing-page .banner h1 {
    margin-bottom: 16px
}

#range-of-markets-forex-landing-page .banner h1, #range-of-markets-forex-landing-page .banner h2 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0 6px 10px #00011a
}

#range-of-markets-forex-landing-page .banner h1 .ora-color, #range-of-markets-forex-landing-page .banner h2 .ora-color {
    color: #ff9f00;
    font-size: 18px
}

#range-of-markets-forex-landing-page .what-is {
    margin-top: 32px
}

#range-of-markets-forex-landing-page .what-is .content-box-max-w {
    display: block;
    justify-content: space-between
}

#range-of-markets-forex-landing-page .what-is .content-box-max-w .pic-box {
    display: none
}

#range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box p {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.33;
    letter-spacing: 1px;
    color: #5a5a5a;
    text-align: justify
}

#range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box .m-pic-box {
    margin-top: 12px
}

#range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box .real-and-demo-btn-one {
    margin-top: 28px;
    margin-bottom: 28px
}

#range-of-markets-forex-landing-page .why-choose {
    margin-top: 28px
}

#range-of-markets-forex-landing-page .why-choose h2 {
    margin-bottom: 20px;
    text-align: center
}

#range-of-markets-forex-landing-page .why-choose ul {
    display: grid;
    grid-template-columns:repeat(2, 46.7%);
    justify-content: space-between;
    grid-row-gap: 20px
}

#range-of-markets-forex-landing-page .why-choose ul li {
    min-height: 148px;
    border-radius: 2px;
    border: 1px solid #2866a8;
    padding: 12px 0 20px;
    font-size: 14px;
    line-height: 1.3;
    color: #5a5a5a;
    text-align: center;
    white-space: pre-line
}

#range-of-markets-forex-landing-page .why-choose ul li img {
    display: block;
    margin: 0 auto 8px;
    width: 60px
}

#range-of-markets-forex-landing-page .why-choose ul li p {
    word-break: break-all;
    padding: 0 8px
}

#range-of-markets-forex-landing-page .why-choose ul li a {
    color: #2583c2
}

#range-of-markets-forex-landing-page .why-choose ul li:hover {
    box-shadow: 0 1px 9px 1px rgba(140, 189, 248, .31);
    border: 0
}

#range-of-markets-forex-landing-page .main-products {
    margin-top: 32px
}

#range-of-markets-forex-landing-page .main-products h2 {
    text-align: center;
    margin-bottom: 20px
}

#range-of-markets-forex-landing-page .main-products div {
    overflow-x: auto
}

#range-of-markets-forex-landing-page .main-products div table {
    min-width: 350px;
    box-shadow: 0 0 5px 0 rgba(40, 130, 192, .35);
    margin-bottom: 24px
}

#range-of-markets-forex-landing-page .main-products div table thead {
    background-color: #224674;
    width: 100%
}

#range-of-markets-forex-landing-page .main-products div table thead th {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    text-align: left;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

#range-of-markets-forex-landing-page .main-products div table thead th:first-of-type {
    padding-left: 8px;
    width: 100px
}

#range-of-markets-forex-landing-page .main-products div table thead th:nth-of-type(2) {
    padding-left: 20px;
    width: 68px
}

#range-of-markets-forex-landing-page .main-products div table thead th:nth-of-type(3) {
    padding-left: 28px;
    width: 132px
}

#range-of-markets-forex-landing-page .main-products div table thead th:nth-of-type(4) {
    padding-left: 8px
}

#range-of-markets-forex-landing-page .main-products div table tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td {
    font-size: 14px;
    line-height: 24px;
    height: 25px;
    color: #343434;
    text-align: left;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td a {
    color: #378dc4
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td:first-of-type {
    padding-left: 8px;
    width: 100px
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td:nth-of-type(2) {
    padding-left: 20px;
    width: 68px
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td:nth-of-type(3) {
    padding-left: 36px;
    width: 120px
}

#range-of-markets-forex-landing-page .main-products div table tbody tr td:nth-of-type(4) {
    padding-left: 8px
}

#range-of-markets-forex-landing-page .money-type {
    margin-top: 28px;
    padding: 0
}

#range-of-markets-forex-landing-page .money-type h2 {
    text-align: center;
    margin-bottom: 20px
}

#range-of-markets-forex-landing-page .money-type .grid-box {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-row-gap: 16px
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-one {
    min-height: 132px;
    box-shadow: 0 0 5px 0 rgba(40, 130, 192, .35);
    border: 1px solid #2559a2;
    background-color: #fff
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-one h3 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    background-color: #2866a8;
    padding: 8px 0;
    text-align: center
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-one p {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #5a5a5a;
    padding: 4px 12px 0;
    word-break: break-all
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-two {
    min-height: 132px;
    box-shadow: 0 0 6px 0 rgba(37, 89, 162, .11);
    border: 1px solid #f3a52c;
    background-color: #fff
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-two h3 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    background-color: #f3a52c;
    padding: 8px 0;
    text-align: center
}

#range-of-markets-forex-landing-page .money-type .grid-box .box-two p {
    font-size: 14px;
    line-height: 1.3;
    color: #5a5a5a;
    padding: 4px 12px 0;
    word-break: break-all
}

#range-of-markets-forex-landing-page .factors {
    margin-top: 32px
}

#range-of-markets-forex-landing-page .factors h2 {
    margin-bottom: 20px;
    text-align: center
}

#range-of-markets-forex-landing-page .factors .flex-box {
    display: none
}

#range-of-markets-forex-landing-page .factors .normal-case ul {
    margin-bottom: 20px
}

#range-of-markets-forex-landing-page .factors .normal-case li {
    margin-bottom: 12px
}

#range-of-markets-forex-landing-page .factors .normal-case li h3 {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434;
    margin-bottom: 8px;
    font-weight: 700
}

#range-of-markets-forex-landing-page .factors .normal-case li h3 span {
    width: 8px;
    height: 8px;
    background-color: #f89700;
    border-radius: 999px;
    margin-right: 4px
}

#range-of-markets-forex-landing-page .factors .normal-case li p {
    font-size: 14px;
    line-height: 1.3;
    color: #5a5a5a;
    padding-left: 12px
}

#range-of-markets-forex-landing-page .factors .normal-case div img {
    display: block;
    width: 200px;
    margin: 0 auto 20px
}

#range-of-markets-forex-landing-page .factors .normal-case .real-and-demo-btn-two {
    margin-top: 32px
}

#range-of-markets-forex-landing-page .time {
    margin-top: 20px
}

#range-of-markets-forex-landing-page .time .content-box-max-w .pic-box {
    display: none
}

#range-of-markets-forex-landing-page .time .content-box-max-w .text-box h2 {
    margin-top: 20px
}

#range-of-markets-forex-landing-page .time .content-box-max-w .text-box p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.3;
    color: #5a5a5a
}

#range-of-markets-forex-landing-page .time .content-box-max-w .text-box p:nth-of-type(2) {
    margin-top: 20px
}

#range-of-markets-forex-landing-page .time .content-box-max-w .m-pic-box {
    margin-top: 12px
}

#range-of-markets-forex-landing-page .advantage {
    margin-top: 28px;
    margin-bottom: 28px
}

#range-of-markets-forex-landing-page .advantage h2 {
    margin-bottom: 20px;
    text-align: center
}

#range-of-markets-forex-landing-page .advantage ul {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-auto-rows: 40px;
    grid-row-gap: 16px
}

#range-of-markets-forex-landing-page .advantage ul li {
    border: 1px solid #ececec;
    background-image: url(/static/home/images/m-adventage-bg.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 100% 100%;
    padding: 12px 0 12px 20px
}

#range-of-markets-forex-landing-page .advantage ul li p {
    font-size: 14px;
    line-height: 1;
    color: #5a5a5a
}

#range-of-markets-forex-landing-page .advantage ul li p span {
    color: #ff9f00
}

#range-of-markets-forex-landing-page .advantage .real-and-demo-btn-two {
    margin-top: 24px;
    margin-bottom: 32px
}

#range-of-markets-forex-landing-page .pc-br {
    display: none
}

#range-of-markets-forex-landing-page .m-br {
    display: block
}

@media (min-width: 1200px) {
    #range-of-markets-forex-landing-page {
        padding: 0
    }

    #range-of-markets-forex-landing-page .m-br {
        display: none
    }

    #range-of-markets-forex-landing-page .pc-br {
        display: block
    }

    #range-of-markets-forex-landing-page .h2-title {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 1px;
        color: #343434;
        font-weight: 700;
        text-align: left
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one {
        display: flex;
        align-items: center
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn {
        width: 260px;
        text-decoration: none;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        padding: 20px 0;
        text-align: center
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:hover {
        color: #90b851
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #78b539;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #90b851;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .real-btn:hover:before {
        left: 127%
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .demo-btn {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #4281bc;
        margin: 0 auto
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-one .demo-btn:hover {
        color: #255aa2
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -144px
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn {
        width: 260px;
        text-decoration: none;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        padding: 20px 0;
        text-align: center
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:hover {
        color: #90b851
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #78b539;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #90b851;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .real-btn:hover:before {
        left: 127%
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .demo-btn {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #4281bc;
        margin: 0 0 0 180px
    }

    #range-of-markets-forex-landing-page .real-and-demo-btn-two .demo-btn:hover {
        color: #255aa2
    }

    #range-of-markets-forex-landing-page .banner {
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        padding: 100px 0 104px;
        margin: 0
    }

    #range-of-markets-forex-landing-page .banner h1 {
        margin-bottom: 24px
    }

    #range-of-markets-forex-landing-page .banner h1, #range-of-markets-forex-landing-page .banner h2 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        text-shadow: 0 6px 10px #00011a
    }

    #range-of-markets-forex-landing-page .banner h1 .title-margin, #range-of-markets-forex-landing-page .banner h2 .title-margin {
        margin-left: 8px
    }

    #range-of-markets-forex-landing-page .banner h1 .ora-color, #range-of-markets-forex-landing-page .banner h2 .ora-color {
        color: #ff9f00;
        font-size: 36px
    }

    #range-of-markets-forex-landing-page .what-is {
        margin-top: 40px
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w {
        display: flex;
        justify-content: space-between
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w .pic-box, #range-of-markets-forex-landing-page .what-is .content-box-max-w .pic-box img {
        display: block
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box {
        padding-left: 40px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box p {
        margin-top: 32px;
        font-size: 16px;
        line-height: 1.75;
        color: #5a5a5a
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w .text-box .real-and-demo-btn-one {
        margin: auto 0 0
    }

    #range-of-markets-forex-landing-page .what-is .content-box-max-w .m-pic-box {
        display: none
    }

    #range-of-markets-forex-landing-page .why-choose {
        margin-top: 60px
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w {
        padding: 0 44px
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w h2 {
        margin-bottom: 36px;
        text-align: center
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w ul {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        grid-auto-rows: 240px;
        justify-content: space-between;
        gap: 40px 136px
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w ul li {
        border-radius: 4px;
        border: 1px solid #2866a8;
        padding: 40px 0 48px;
        font-size: 16px;
        line-height: 1.75;
        color: #5a5a5a;
        text-align: center;
        white-space: pre-line
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w ul li img {
        display: block;
        margin: 0 auto 24px;
        width: auto
    }

    #range-of-markets-forex-landing-page .why-choose .content-box-max-w ul li:hover {
        box-shadow: 0 1px 9px 1px rgba(140, 189, 248, .31);
        border: 0
    }

    #range-of-markets-forex-landing-page .main-products {
        margin-top: 60px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w {
        padding: 0 44px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w h2 {
        text-align: center;
        margin-bottom: 36px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table {
        box-shadow: 0 0 10px 1px rgba(55, 141, 196, .35);
        margin-bottom: 40px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead {
        background-color: #224674;
        width: 100%
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead th {
        font-size: 16px;
        line-height: 40px;
        color: #fff;
        text-align: left
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead th:first-of-type {
        padding-left: 142px;
        width: 248px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead th:nth-of-type(2) {
        padding-left: 148px;
        width: 220px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead th:nth-of-type(3) {
        padding-left: 124px;
        width: 224px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table thead th:nth-of-type(4) {
        padding-left: 112px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr {
        background-color: #fff;
        border-bottom: 1px solid #eaeaea
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
        color: #343434;
        text-align: left;
        padding: 0
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td a {
        color: #378dc4
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td:first-of-type {
        padding-left: 142px;
        width: 228px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td:nth-of-type(2) {
        padding-left: 148px;
        width: 242px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td:nth-of-type(3) {
        padding-left: 124px;
        width: 224px
    }

    #range-of-markets-forex-landing-page .main-products .content-box-max-w table tbody tr td:nth-of-type(4) {
        padding-left: 112px
    }

    #range-of-markets-forex-landing-page .money-type {
        background-color: #f2f2f5;
        margin-top: 40px;
        padding: 40px 0 60px
    }

    #range-of-markets-forex-landing-page .money-type h2 {
        text-align: center;
        margin-bottom: 40px
    }

    #range-of-markets-forex-landing-page .money-type .grid-box {
        display: grid;
        grid-template-columns:repeat(2, 570px);
        grid-auto-rows: 218px;
        justify-content: space-between
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-one {
        box-shadow: 0 0 10px 1px rgba(55, 141, 196, .35);
        border: 1px solid #2866a8;
        background-color: #fff;
        margin-bottom: 0
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-one h3 {
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        background-color: #2866a8;
        padding: 16px 0 16px 32px;
        text-align: left;
        font-weight: 700
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-one p {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 1px;
        color: #5a5a5a;
        padding: 20px 32px 0;
        word-break: normal
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-two {
        box-shadow: 0 0 10px 1px rgba(55, 141, 196, .35);
        border: 1px solid #f3a52c;
        background-color: #fff
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-two h3 {
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        background-color: #f3a52c;
        padding: 16px 0 16px 32px;
        text-align: left;
        font-weight: 700
    }

    #range-of-markets-forex-landing-page .money-type .grid-box .box-two p {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 1px;
        color: #5a5a5a;
        padding: 20px 32px 0;
        word-break: normal
    }

    #range-of-markets-forex-landing-page .factors {
        margin-top: 36px
    }

    #range-of-markets-forex-landing-page .factors h2 {
        margin-bottom: 52px;
        text-align: center
    }

    #range-of-markets-forex-landing-page .factors .flex-box {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-left: -72px;
        margin-bottom: 52px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul {
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 0;
        color: #5a5a5a;
        margin-top: 4px;
        margin-left: 20px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul li h3 {
        font-size: 18px;
        line-height: 1;
        color: #343434;
        font-weight: 700
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul:first-of-type {
        text-align: right;
        margin-right: 24px;
        margin-left: 0;
        margin-top: 8px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul:first-of-type li:first-of-type {
        margin-bottom: 60px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul:first-of-type li:nth-of-type(2) {
        margin-bottom: 64px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul:nth-of-type(2) li:first-of-type {
        margin-bottom: 68px
    }

    #range-of-markets-forex-landing-page .factors .flex-box ul:nth-of-type(2) li:nth-of-type(2) {
        margin-bottom: 60px
    }

    #range-of-markets-forex-landing-page .factors .normal-case {
        display: none
    }

    #range-of-markets-forex-landing-page .time {
        margin-top: 40px
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w {
        display: flex
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .pic-box {
        display: block
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .text-box {
        flex: 1;
        padding-left: 52px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .text-box h2 {
        margin-top: 0
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .text-box p {
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.75;
        color: #5a5a5a
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .text-box p:nth-of-type(2) {
        margin-top: 24px
    }

    #range-of-markets-forex-landing-page .time .content-box-max-w .m-pic-box {
        display: none
    }

    #range-of-markets-forex-landing-page .advantage {
        margin-top: 40px;
        padding-bottom: 20px
    }

    #range-of-markets-forex-landing-page .advantage h2 {
        margin-bottom: 40px;
        text-align: center
    }

    #range-of-markets-forex-landing-page .advantage ul {
        display: grid;
        grid-template-columns:repeat(3, 370px);
        grid-auto-rows: 52px;
        justify-content: space-between;
        gap: 28px 0;
        margin-bottom: 40px
    }

    #range-of-markets-forex-landing-page .advantage ul li {
        border: 1px solid #ececec;
        background-image: url(/static/home/images/pc-adventage-bg.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 100% 100%;
        padding: 16px 0 16px 32px
    }

    #range-of-markets-forex-landing-page .advantage ul li p {
        font-size: 16px;
        line-height: 1;
        color: #5a5a5a
    }

    #range-of-markets-forex-landing-page .advantage ul li p span {
        color: #ff9f00
    }

    #range-of-markets-forex-landing-page .advantage .real-and-demo-btn-two {
        margin-bottom: 0
    }
}

#stock-index-content-page .real-and-demo-btn-two {
    display: flex;
    align-items: center
}

#stock-index-content-page .real-and-demo-btn-two .real-btn {
    display: block;
    width: 164px;
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding: 12px 0;
    text-align: center
}

#stock-index-content-page .real-and-demo-btn-two .real-btn:hover {
    color: #90b851
}

#stock-index-content-page .real-and-demo-btn-two .real-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#stock-index-content-page .real-and-demo-btn-two .real-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#stock-index-content-page .real-and-demo-btn-two .real-btn:hover:before {
    left: 127%
}

#stock-index-content-page .real-and-demo-btn-two .demo-btn {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #4281bc
}

#stock-index-content-page .real-and-demo-btn-two .demo-btn:hover {
    color: #255aa2
}

#stock-index-content-page .banner {
    background-image: url(/static/home/images/m-banner-bg.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#stock-index-content-page .banner .text-shadow {
    text-shadow: 0 6px 10px #00011a
}

#stock-index-content-page .bottom-real-btn {
    width: 130px;
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    line-height: 1;
    color: #fff;
    padding: 8px 0;
    text-align: center
}

#stock-index-content-page .bottom-real-btn:hover {
    color: #f89700
}

#stock-index-content-page .bottom-real-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #f89700;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#stock-index-content-page .bottom-real-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #f89700;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#stock-index-content-page .bottom-real-btn:hover:before {
    left: 127%
}

#stock-index-content-page .advantage-items-shadow {
    box-shadow: 0 1px 6px 1px rgba(88, 182, 248, .26);
    border-radius: 2px 0 0 2px
}

#stock-index-content-page .why-grid {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-row-gap: 16px;
    grid-column-gap: 20px;
    justify-content: space-between;
    text-align: center
}

#stock-index-content-page .why-grid li:hover {
    box-shadow: 0 1px 9px 1px rgba(128, 190, 252, .31);
    border-color: transparent
}

#stock-index-content-page .video-alert {
    background-color: rgba(0, 0, 0, .5)
}

#stock-index-content-page .video-play-btn-box {
    width: 90%
}

#stock-index-content-page .selected .table-box ul {
    display: block
}

#stock-index-content-page .selected .table-box ul.table-list li {
    display: none
}

#stock-index-content-page .selected .table-box ul.table-list li.content-active {
    display: block
}

#stock-index-content-page .selected .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    width: 100%
}

#stock-index-content-page .selected .table-box ul li table thead {
    background-color: #203c6b
}

#stock-index-content-page .selected .table-box th {
    font-weight: 700;
    color: #fff
}

#stock-index-content-page .selected .table-box td, #stock-index-content-page .selected .table-box th {
    font-size: 14px;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    padding: 8px 0 8px 12px
}

#stock-index-content-page .selected .table-box td {
    font-weight: 400;
    height: 40px;
    color: #2e2e2e;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

#stock-index-content-page .selected .table-box td a {
    color: #2882c0;
    text-decoration: underline
}

#stock-index-content-page .selected .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-top: 20px
}

#stock-index-content-page .selected .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#stock-index-content-page .selected .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#stock-index-content-page .selected .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#stock-index-content-page .selected .table-btns ul li.tab-active {
    color: #2882c0
}

#stock-index-content-page .selected .table-btns .left-arrow-box {
    color: #999
}

#stock-index-content-page .selected .table-btns .left-arrow {
    margin-right: 8px
}

#stock-index-content-page .selected .table-btns .right-arrow {
    margin-left: 8px
}

#stock-index-content-page .flow-grid {
    display: grid;
    grid-template-columns:repeat(5, auto);
    justify-content: space-between;
    text-align: center
}

#stock-index-content-page .flow-grid li p {
    margin-top: 8px
}

#stock-index-content-page .flow-grid li:nth-of-type(2n) {
    padding-top: 12px
}

#stock-index-content-page .flow-grid li:nth-of-type(10) {
    padding-top: 12px;
    padding-bottom: 12px
}

#stock-index-content-page .flow-grid li:nth-of-type(12), #stock-index-content-page .flow-grid li:nth-of-type(14) {
    padding-top: 32px
}

#stock-index-content-page .question {
    background-image: url(/static/home/images/m-section-seven-bg.png);
    background-size: 100% 25%;
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 16px 0;
    margin-top: 28px;
    margin-bottom: 32px;
    display: block
}

#stock-index-content-page .question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#stock-index-content-page .question .question-box ul {
    padding: 0 12px 0 16px
}

#stock-index-content-page .question .question-box ul li {
    border-top: 1px solid #e7e7e7;
    padding-top: 16px;
    padding-bottom: 12px
}

#stock-index-content-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start
}

#stock-index-content-page .question .question-items span {
    margin-right: 12px
}

#stock-index-content-page .question .answer-items {
    display: none
}

#stock-index-content-page .question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 8px
}

#stock-index-content-page .question h4.lh-normal {
    line-height: 1.5
}

#stock-index-content-page .question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #999;
    margin-top: 4px;
    margin-right: 12px
}

#stock-index-content-page .bottom-section {
    background-image: url(/static/home/images/m-bottom-bg.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    #stock-index-content-page .text-go-left {
        text-align: left
    }

    #stock-index-content-page .display-block {
        display: block
    }

    #stock-index-content-page .display-none {
        display: none
    }

    #stock-index-content-page .padding-t-128 {
        padding-top: 128px
    }

    #stock-index-content-page .padding-b-48 {
        padding-bottom: 48px
    }

    #stock-index-content-page .pc-justify-start {
        justify-content: flex-start
    }

    #stock-index-content-page .pc-justify-center {
        justify-content: center
    }

    #stock-index-content-page .real-and-demo-btn-two {
        display: flex;
        align-items: center
    }

    #stock-index-content-page .real-and-demo-btn-two .real-btn {
        width: 260px;
        text-decoration: none;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        padding: 16px 0;
        text-align: center
    }

    #stock-index-content-page .real-and-demo-btn-two .real-btn:hover {
        color: #90b851
    }

    #stock-index-content-page .real-and-demo-btn-two .real-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #82bb41;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #stock-index-content-page .real-and-demo-btn-two .real-btn:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #82bb41;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #stock-index-content-page .real-and-demo-btn-two .real-btn:hover:before {
        left: 127%
    }

    #stock-index-content-page .real-and-demo-btn-two .demo-btn {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #2882c0
    }

    #stock-index-content-page .real-and-demo-btn-two .demo-btn:hover {
        color: #255aa2
    }

    #stock-index-content-page .bottom-real-btn {
        width: 260px;
        text-decoration: none;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        padding: 16px 0;
        text-align: center
    }

    #stock-index-content-page .bottom-real-btn:hover {
        color: #f89700
    }

    #stock-index-content-page .bottom-real-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #f89700;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #stock-index-content-page .bottom-real-btn:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #f89700;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #stock-index-content-page .bottom-real-btn:hover:before {
        left: 127%
    }

    #stock-index-content-page .banner {
        margin-top: -30px;
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

    #stock-index-content-page .advantage-items-shadow {
        box-shadow: none
    }

    #stock-index-content-page .advantage-grid {
        display: grid;
        grid-template-columns:repeat(4, auto);
        justify-content: space-between;
        text-align: center
    }

    #stock-index-content-page .advantage-grid li div img {
        margin: 0 auto
    }

    #stock-index-content-page .why-grid {
        display: grid;
        grid-template-columns:repeat(3, 280px);
        grid-row-gap: 36px;
        justify-content: space-between;
        text-align: center
    }

    #stock-index-content-page .why-grid li:hover {
        box-shadow: 0 1px 9px 1px rgba(128, 190, 252, .31);
        border-color: transparent
    }

    #stock-index-content-page .video-alert {
        background-color: rgba(0, 0, 0, .5)
    }

    #stock-index-content-page .video-play-btn-box {
        width: 800px
    }

    #stock-index-content-page .selected .table-box ul {
        display: block
    }

    #stock-index-content-page .selected .table-box ul.table-list li {
        display: none
    }

    #stock-index-content-page .selected .table-box ul.table-list li.content-active {
        display: block
    }

    #stock-index-content-page .selected .table-box ul li table {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        table-layout: fixed
    }

    #stock-index-content-page .selected .table-box ul li table thead {
        background-color: #203c6b
    }

    #stock-index-content-page .selected .table-box th {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        text-align: left;
        padding: 8px 0;
        height: 44px;
        white-space: nowrap
    }

    #stock-index-content-page .selected .table-box th:first-of-type, #stock-index-content-page .selected .table-box tr td:first-of-type {
        padding-left: 160px;
        width: 224px
    }

    #stock-index-content-page .selected .table-box tr td:nth-of-type(2), #stock-index-content-page .selected .table-box tr th:nth-of-type(2) {
        padding-left: 190px;
        width: 248px
    }

    #stock-index-content-page .selected .table-box tr td:nth-of-type(3), #stock-index-content-page .selected .table-box tr th:nth-of-type(3) {
        padding-left: 160px;
        width: 262px
    }

    #stock-index-content-page .selected .table-box tr td:nth-of-type(4), #stock-index-content-page .selected .table-box tr th:nth-of-type(4) {
        padding-left: 186px
    }

    #stock-index-content-page .selected .table-box td {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        height: 44px;
        letter-spacing: 0;
        color: #2e2e2e;
        text-align: left;
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7;
        white-space: nowrap
    }

    #stock-index-content-page .selected .table-box td a {
        color: #2882c0;
        text-decoration: underline
    }

    #stock-index-content-page .selected .table-btns {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 16px 152px 16px 144px;
        box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35)
    }

    #stock-index-content-page .selected .table-btns > div {
        display: flex;
        align-items: center;
        cursor: pointer
    }

    #stock-index-content-page .selected .table-btns ul {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    #stock-index-content-page .selected .table-btns ul li {
        padding: 0 12px;
        margin-bottom: 0;
        cursor: pointer
    }

    #stock-index-content-page .selected .table-btns ul li.tab-active {
        color: #2882c0
    }

    #stock-index-content-page .selected .table-btns .left-arrow-box {
        color: #999
    }

    #stock-index-content-page .selected .table-btns .left-arrow {
        margin-right: 8px
    }

    #stock-index-content-page .selected .table-btns .right-arrow {
        margin-left: 8px
    }

    #stock-index-content-page .flow-grid {
        display: grid;
        grid-template-columns:repeat(11, auto);
        justify-content: space-between;
        text-align: center
    }

    #stock-index-content-page .flow-grid li p {
        margin-top: 16px
    }

    #stock-index-content-page .flow-grid li:nth-of-type(2n) {
        padding-top: 32px
    }

    #stock-index-content-page .question {
        background-image: url(/static/home/images/pc-main-products.png);
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 64px;
        padding: 40px 44px 0
    }

    #stock-index-content-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #stock-index-content-page .question .question-box ul {
        padding-right: 40px;
        padding-left: 64px
    }

    #stock-index-content-page .question .question-box ul li {
        padding: 20px 0 16px;
        border-top: 1px solid #e7e7e7
    }

    #stock-index-content-page .question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #stock-index-content-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #stock-index-content-page .question .answer-items {
        display: none;
        white-space: pre-line
    }

    #stock-index-content-page .question h4 {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #stock-index-content-page .question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #999;
        margin-top: 20px;
        margin-right: 0
    }

    #stock-index-content-page .bottom-section {
        margin-right: -94px;
        background-image: url(/static/home/images/pc-bottom-bg.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }
}

#indices-content-page .banner {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#indices-content-page .why-section-list-shadow {
    box-shadow: 0 1px 4px 0 rgba(128, 179, 251, .31)
}

#indices-content-page .video-alert {
    background-color: rgba(0, 0, 0, .5)
}

#indices-content-page .video-play-btn-box {
    width: 90%
}

#indices-content-page .selected-m .table-box ul {
    display: block
}

#indices-content-page .selected-m .table-box ul.table-list li {
    display: none
}

#indices-content-page .selected-m .table-box ul.table-list li.content-active {
    display: block
}

#indices-content-page .selected-m .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    width: 100%
}

#indices-content-page .selected-m .table-box ul li table thead {
    background-color: #203c6b
}

#indices-content-page .selected-m .table-box th {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-align: left;
    padding: 8px 0 8px 8px
}

#indices-content-page .selected-m .table-box td {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    height: 40px;
    letter-spacing: 0;
    color: #2e2e2e;
    text-align: left;
    padding: 8px 0 8px 12px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

#indices-content-page .selected-m .table-box th:nth-of-type(2), #indices-content-page .selected-m .table-box tr td:nth-of-type(2) {
    padding: 8px 0 8px 4px
}

#indices-content-page .selected-m .table-box th:nth-of-type(3), #indices-content-page .selected-m .table-box tr td:nth-of-type(3) {
    padding: 8px 0 8px 8px
}

#indices-content-page .selected-m .table-box th:nth-of-type(4), #indices-content-page .selected-m .table-box tr td:nth-of-type(4) {
    padding: 8px 0
}

#indices-content-page .selected-m .table-box td a {
    color: #2882c0;
    text-decoration: underline
}

#indices-content-page .selected-m .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-top: 20px;
    margin-bottom: 20px
}

#indices-content-page .selected-m .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#indices-content-page .selected-m .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#indices-content-page .selected-m .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#indices-content-page .selected-m .table-btns ul li.tab-active {
    color: #2882c0
}

#indices-content-page .selected-m .table-btns .left-arrow-box {
    color: #999
}

#indices-content-page .selected-m .table-btns .left-arrow {
    margin-right: 8px
}

#indices-content-page .selected-m .table-btns .right-arrow {
    margin-left: 8px
}

#indices-content-page .flow-grid {
    display: grid;
    grid-template-columns:repeat(5, auto);
    justify-content: space-between;
    text-align: center
}

#indices-content-page .flow-grid li p {
    margin-top: 8px
}

#indices-content-page .flow-grid li:nth-of-type(2n) {
    padding-top: 12px
}

#indices-content-page .flow-grid li:nth-of-type(10) {
    padding-top: 12px;
    padding-bottom: 12px
}

#indices-content-page .flow-grid li:nth-of-type(12), #indices-content-page .flow-grid li:nth-of-type(14) {
    padding-top: 32px
}

#indices-content-page .question {
    background-image: url(/static/home/images/m-section-seven-bg.png);
    background-size: 100% 30%;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 16px 0;
    margin-top: 32px;
    margin-bottom: 32px;
    display: block
}

#indices-content-page .question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#indices-content-page .question .question-box ul {
    padding: 0 0 0 16px
}

#indices-content-page .question .question-box ul li {
    border-top: 1px solid #e7e7e7;
    padding-top: 16px;
    padding-bottom: 12px
}

#indices-content-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start
}

#indices-content-page .question .question-items span {
    margin-right: 12px
}

#indices-content-page .question .answer-items {
    display: none
}

#indices-content-page .question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 8px
}

#indices-content-page .question h4.lh-normal {
    line-height: 1.5
}

#indices-content-page .question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #999;
    margin-top: 4px
}

#indices-content-page .bottom-section {
    background-image: url(/static/home/images/m-bottom-pic.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    #indices-content-page .banner {
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

    #indices-content-page .xl\:text-left {
        text-align: left
    }

    #indices-content-page .xl\:ml-5 {
        margin-left: 20px
    }

    #indices-content-page .section-shadow {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
    }

    #indices-content-page .flow-grid {
        display: grid;
        grid-template-columns:repeat(11, auto);
        justify-content: space-between;
        text-align: center
    }

    #indices-content-page .flow-grid li p {
        margin-top: 16px
    }

    #indices-content-page .flow-grid li:nth-of-type(2n) {
        padding-top: 32px
    }

    #indices-content-page .question {
        background-image: url(/static/home/images/pc-main-products.png);
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 60px;
        padding: 40px 44px 0
    }

    #indices-content-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #indices-content-page .question .question-box ul {
        padding-right: 40px;
        padding-left: 64px
    }

    #indices-content-page .question .question-box ul li {
        padding: 8px 0 20px;
        border-top: 1px solid #e7e7e7
    }

    #indices-content-page .question .question-items {
        margin-top: 8px;
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #indices-content-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #indices-content-page .question .answer-items {
        display: none;
        white-space: pre-line;
        margin-top: 8px
    }

    #indices-content-page .question h4 {
        font-size: 20px;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #indices-content-page .question h4, #indices-content-page .question p {
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0
    }

    #indices-content-page .question p {
        font-size: 16px;
        color: #999;
        margin-top: 20px;
        margin-right: 0
    }

    #indices-content-page .selected-pc .table-box ul {
        display: block
    }

    #indices-content-page .selected-pc .table-box ul.table-list li {
        display: none
    }

    #indices-content-page .selected-pc .table-box ul.table-list li.content-active {
        display: block
    }

    #indices-content-page .selected-pc .table-box ul li table {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        table-layout: fixed
    }

    #indices-content-page .selected-pc .table-box ul li table thead {
        background-color: #203c6b
    }

    #indices-content-page .selected-pc .table-box th {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        text-align: left;
        padding: 8px 0;
        height: 44px;
        white-space: nowrap
    }

    #indices-content-page .selected-pc .table-box th:first-of-type, #indices-content-page .selected-pc .table-box tr td:first-of-type {
        padding-left: 160px;
        width: 220px
    }

    #indices-content-page .selected-pc .table-box tr td:nth-of-type(2), #indices-content-page .selected-pc .table-box tr th:nth-of-type(2) {
        padding-left: 208px;
        width: 264px
    }

    #indices-content-page .selected-pc .table-box tr td:nth-of-type(3), #indices-content-page .selected-pc .table-box tr th:nth-of-type(3) {
        padding-left: 180px;
        width: 282px
    }

    #indices-content-page .selected-pc .table-box tr td:nth-of-type(4), #indices-content-page .selected-pc .table-box tr th:nth-of-type(4) {
        padding-left: 208px
    }

    #indices-content-page .selected-pc .table-box td {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        height: 44px;
        letter-spacing: 0;
        color: #2e2e2e;
        text-align: left;
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7;
        white-space: nowrap
    }

    #indices-content-page .selected-pc .table-box td a {
        color: #2882c0;
        text-decoration: underline;
        white-space: nowrap;
        word-break: keep-all
    }

    #indices-content-page .selected-pc .table-box td a span {
        display: inline
    }

    #indices-content-page .selected-pc .table-btns {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        display: flex;
        justify-content: space-between;
        padding: 16px 152px 16px 144px;
        box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
        margin-top: 20px;
        margin-bottom: 60px
    }

    #indices-content-page .selected-pc .table-btns > div {
        display: flex;
        align-items: center;
        cursor: pointer
    }

    #indices-content-page .selected-pc .table-btns ul {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    #indices-content-page .selected-pc .table-btns ul li {
        padding: 0 12px;
        margin-bottom: 0;
        cursor: pointer
    }

    #indices-content-page .selected-pc .table-btns ul li.tab-active {
        color: #2882c0
    }

    #indices-content-page .selected-pc .table-btns .left-arrow-box {
        color: #999
    }

    #indices-content-page .selected-pc .table-btns .left-arrow {
        margin-right: 8px
    }

    #indices-content-page .selected-pc .table-btns .right-arrow {
        margin-left: 8px
    }

    #indices-content-page .video-alert {
        background-color: rgba(0, 0, 0, .5)
    }

    #indices-content-page .video-play-btn-box {
        width: 800px
    }

    #indices-content-page video::\--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none !important
    }
}

#crude-oil-content-page .banner {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

#crude-oil-content-page .oil-type-1 {
    box-shadow: 0 1px 5px 1px rgba(38, 185, 253, .15)
}

#crude-oil-content-page .oil-type-1 h3 {
    background-color: #2559a2;
    box-shadow: 0 0 6px 0 rgba(37, 89, 162, .11)
}

#crude-oil-content-page .oil-type-2 {
    box-shadow: 0 1px 5px 1px rgba(38, 185, 253, .15)
}

#crude-oil-content-page .oil-type-2 h3 {
    background-color: #f89700;
    box-shadow: 0 0 6px 0 rgba(37, 89, 162, .11)
}

#crude-oil-content-page .oil-demand-shadow {
    box-shadow: 0 1px 5px 1px rgba(38, 185, 253, .15)
}

#crude-oil-content-page .oil-tab-btns div {
    background-color: #e7e7e7;
    border-radius: 3px 3px 0 0;
    margin-right: 4px;
    min-width: 50px;
    padding: 8px 4px;
    text-align: center;
    cursor: pointer
}

#crude-oil-content-page .oil-tab-btns div.oil-tab-btn-active {
    color: #fff;
    background-color: #2559a2
}

#crude-oil-content-page .oil-tab-content div {
    box-shadow: 0 1px 6px 0 rgba(2, 43, 141, .1);
    padding: 8px 12px 20px;
    display: none
}

#crude-oil-content-page div.oil-tab-content div.oil-tab-content-active {
    display: block
}

#crude-oil-content-page .question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 12px 24px 0;
    margin-top: 28px;
    margin-bottom: 28px;
    display: block
}

#crude-oil-content-page .question em {
    font-style: normal
}

#crude-oil-content-page .question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#crude-oil-content-page .question .question-box ul {
    padding: 0
}

#crude-oil-content-page .question .question-box ul li {
    border-top: 1px solid #e7e7e7;
    padding: 8px 3px 12px 12px
}

#crude-oil-content-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-start
}

#crude-oil-content-page .question .question-items span {
    margin-right: 12px
}

#crude-oil-content-page .question .answer-items {
    display: none
}

#crude-oil-content-page .question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 8px
}

#crude-oil-content-page .question h4.lh-normal {
    line-height: 1.5
}

#crude-oil-content-page .question p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-top: 4px
}

#crude-oil-content-page .bottom-section {
    background-image: url(/static/home/images/m-sec-9-bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

#crude-oil-content-page .bottom-section .bottom-btn a {
    width: 144px;
    height: 36px
}

@media (min-width: 375px) {
    #crude-oil-content-page .oil-tab-btns div {
        background-color: #e7e7e7;
        border-radius: 3px 3px 0 0;
        margin-right: 4px;
        min-width: 76px;
        padding: 8px 4px;
        text-align: center;
        cursor: pointer
    }
}

@media (min-width: 1200px) {
    #crude-oil-content-page {
        margin-bottom: -140px
    }

    #crude-oil-content-page .oil-tab-btns div {
        background-color: #e7e7e7;
        border-radius: 6px 6px 0 0;
        margin-right: 8px;
        width: 158px;
        padding: 12px 0 8px;
        text-align: center;
        cursor: pointer
    }

    #crude-oil-content-page .oil-tab-content div {
        box-shadow: 0 1px 6px 0 rgba(2, 43, 141, .1);
        padding: 16px 12px 20px 20px;
        display: none
    }

    #crude-oil-content-page .question {
        background-image: url(/static/home/images/pc-sec-7-bg.png);
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 24px;
        padding: 32px 68px 0
    }

    #crude-oil-content-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #crude-oil-content-page .question .question-box ul {
        padding-right: 0;
        padding-left: 0
    }

    #crude-oil-content-page .question .question-box ul li {
        padding: 8px 36px 24px 32px;
        border-top: 1px solid #e7e7e7
    }

    #crude-oil-content-page .question .question-items {
        margin-top: 12px;
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #crude-oil-content-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #crude-oil-content-page .question .answer-items {
        display: none;
        margin-top: 12px
    }

    #crude-oil-content-page .question h4 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #crude-oil-content-page .question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 20px;
        margin-right: 0
    }

    #crude-oil-content-page .bottom-section .bottom-btn a {
        width: 260px;
        height: 56px
    }

    #crude-oil-content-page .xl\:inline {
        display: inline
    }
}

#copper-page em {
    font-style: normal
}

#copper-page .btn-box {
    display: flex;
    align-items: center
}

#copper-page .btn-box a:first-of-type {
    width: 164px;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

#copper-page .btn-box a em {
    z-index: 2
}

#copper-page .btn-box a:first-of-type:hover {
    color: #90b851
}

#copper-page .btn-box a:first-of-type:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #87be37;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#copper-page .btn-box a:first-of-type:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#copper-page .btn-box a:first-of-type:hover:before {
    left: 127%
}

#copper-page .btn-box a:nth-of-type(2) {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #3874b7;
    margin-left: 44px
}

#copper-page .common-question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 24px 0;
    margin-top: 20px;
    margin-bottom: 32px;
    display: block
}

#copper-page .common-question h2 {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 12px
}

#copper-page .common-question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#copper-page .common-question .question-box .question-list div {
    padding: 10px 12px;
    border-top: 1px solid #e7e7e7
}

#copper-page .common-question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#copper-page .common-question .question-items i {
    width: 12px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

#copper-page .common-question .answer-items {
    display: none
}

#copper-page .common-question h4 {
    line-height: 1;
    color: #343434;
    margin-bottom: 8px
}

#copper-page .common-question h4, #copper-page .common-question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0
}

#copper-page .common-question p {
    line-height: 1.45;
    color: #5b5b5b;
    margin-top: 4px
}

#copper-page .sec-1-flex-img-div img {
    width: 156px;
    display: block;
    margin-right: auto;
    margin-left: auto
}

#copper-page .sec-1-flex-img-div {
    width: 100%;
    height: 164px;
    background-color: #f8f8f8;
    box-shadow: 0 0 19px 1px #a09c9c;
    border: 3px solid hsla(0, 0%, 100%, .85);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px
}

#copper-page .sec-2-flex-img-block img {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px
}

#copper-page .sec-2-flex-block {
    background-image: linear-gradient(-90deg, #ebf7fe 30%, #fff), linear-gradient(#f8f8f8, #f8f8f8);
    background-blend-mode: normal, normal;
    border-radius: 10px;
    padding-top: 12px;
    padding-right: 4px
}

#copper-page .copper-advantage, #copper-page .copper-market, #copper-page .what-influence-copper, #copper-page .why-choose-ava {
    margin-bottom: 20px
}

#copper-page .three-advantages li {
    width: 295px;
    height: 300px;
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 80%, .85);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px
}

#copper-page .three-advantages li h3 {
    background-color: #ddf4ff
}

#copper-page .adv-bottom {
    background-image: url(/static/home/images/adv-bottom-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 16px 4px 16px 12px;
    margin-bottom: 20px
}

#copper-page .adv-bottom .words {
    width: 182px
}

#copper-page .adv-bottom p {
    text-shadow: 0 3px 5px rgba(1, 31, 134, .75)
}

#copper-page .sec-4-flex-img-div img {
    width: 100%;
    margin-bottom: 20px
}

#copper-page .copper-advantage .center-img, #copper-page .sec-4-flex-img-div img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

#copper-page .banner {
    background-image: url(/static/home/images/banner-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 30px
}

#copper-page .sec-2-flex-words-block .ul-block li {
    display: flex;
    align-items: flex-start
}

#copper-page .sec-2-flex-words-block .ul-block li div {
    display: block;
    background-color: #417ec0;
    border-radius: 50%;
    min-width: 4px;
    min-height: 4px;
    margin-right: 8px;
    margin-top: 10px
}

#copper-page .adv-bottom .btn-box a:first-of-type {
    width: 144px
}

@media (min-width: 1200px) {
    #copper-page .banner {
        display: none
    }

    #copper-page .adv-bottom .btn-box a:first-of-type {
        width: 260px
    }

    #copper-page .sec-2-flex-words-block .ul-block li {
        align-items: center
    }

    #copper-page .sec-2-flex-words-block .ul-block li div {
        display: block;
        background-color: #417ec0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin-right: 8px;
        margin-top: 0
    }

    #copper-page .adv-bottom .words {
        width: auto
    }

    #copper-page .common-question {
        background-image: url(/static/home/images/pc-blue-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 36px 68px 0;
        margin-top: 20px;
        margin-bottom: 60px;
        display: block
    }

    #copper-page .common-question h2 {
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        color: #fff;
        margin-bottom: 36px
    }

    #copper-page .common-question .question-box {
        box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
        background-color: #fff
    }

    #copper-page .common-question .question-box .question-list div {
        padding: 16px 20px 20px;
        border-top: 1px solid #e7e7e7
    }

    #copper-page .common-question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #copper-page .common-question .question-items i {
        width: 12px;
        margin-right: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    #copper-page .common-question .answer-items {
        display: none
    }

    #copper-page .common-question h4 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 8px
    }

    #copper-page .common-question h4 em {
        margin-right: 8px
    }

    #copper-page .common-question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0;
        color: #5a5a5a;
        margin-top: 8px
    }

    #copper-page .btn-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #copper-page .btn-box a:first-of-type {
        width: 260px;
        height: 56px;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #copper-page .btn-box a:nth-of-type(2) {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #3874b7;
        margin-left: 160px
    }

    body {
        margin: 0 auto
    }

    #copper-page .what-is-copper, #copper-page .why-choose-ava {
        margin-bottom: 50px
    }

    #copper-page .copper-market {
        margin-bottom: 52px
    }

    #copper-page .copper-advantage, #copper-page .what-influence-copper {
        margin-bottom: 40px
    }

    #copper-page .three-advantages {
        display: grid;
        grid-template-columns:repeat(3, 296px);
        justify-content: space-between;
        width: 100%
    }

    #copper-page .sec-1-flex-img-div {
        order: 2;
        width: 370px;
        height: 248px;
        background-color: #f8f8f8;
        box-shadow: 0 0 19px 1px #a09c9c;
        border: 6px solid hsla(0, 0%, 100%, .85);
        margin: 40px 0 0 44px
    }

    #copper-page .sec-1-flex-img-div img {
        width: 220px;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    #copper-page .sec-1-flex-words-div {
        order: 1;
        width: 512px
    }

    #copper-page .sec-2-flex-block {
        width: 934px;
        height: 223px;
        background-image: linear-gradient(-90deg, #ebf7fe 30%, #fff), linear-gradient(#f8f8f8, #f8f8f8);
        background-blend-mode: normal, normal;
        border-radius: 10px;
        padding-top: 20px;
        padding-right: 0
    }

    #copper-page .sec-2-flex-img-block img {
        margin-left: 20px;
        width: 384px;
        margin-right: 0;
        margin-bottom: 0
    }

    #copper-page .sec-2-flex-words-block {
        padding-top: 4px;
        margin-left: 20px
    }

    #copper-page .sec-4-flex-img-div {
        order: 2
    }

    #copper-page .sec-4-flex-img-div img {
        width: 420px
    }

    #copper-page .sec-4-flex-words-div {
        order: 1;
        width: 496px
    }

    #copper-page .three-advantages li {
        width: 295px;
        height: 409px;
        background-color: #fff;
        border: 1px solid hsla(0, 0%, 80%, .85)
    }

    #copper-page .three-advantages li h3 {
        background-color: #ddf4ff;
        height: 44px;
        padding-top: 12px;
        color: #343434
    }

    #copper-page .adv-bottom {
        background-image: url(/static/home/images/adv-bottom-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0;
        margin-bottom: -40px
    }

    #copper-page .adv-bottom p {
        text-shadow: 0 3px 5px rgba(1, 31, 134, .75)
    }
}

#jd-content-page em {
    font-style: normal
}

#jd-content-page .btn-box {
    display: flex;
    align-items: center
}

#jd-content-page .btn-box a:first-of-type {
    width: 164px;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

#jd-content-page .btn-box a em {
    z-index: 2
}

#jd-content-page .btn-box a:first-of-type:hover {
    color: #90b851
}

#jd-content-page .btn-box a:first-of-type:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #87be37;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#jd-content-page .btn-box a:first-of-type:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#jd-content-page .btn-box a:first-of-type:hover:before {
    left: 127%
}

#jd-content-page .btn-box a:nth-of-type(2) {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #3874b7;
    margin-left: 44px
}

#jd-content-page .banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 24px;
    padding: 36px 0 32px 12px
}

#jd-content-page .banner p:first-of-type {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(11, 6, 67, .35);
    margin-bottom: 16px
}

#jd-content-page .banner p:first-of-type em {
    color: #f89600
}

#jd-content-page .banner p:nth-of-type(2) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#jd-content-page .banner p:nth-of-type(2) em {
    margin-right: 4px
}

#jd-content-page .introduce {
    margin-bottom: 28px
}

#jd-content-page .introduce h2 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 12px
}

#jd-content-page .introduce p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #5b5b5b
}

#jd-content-page .introduce .show-text {
    color: #2882c0
}

#jd-content-page .introduce .show-text img {
    width: 12px
}

#jd-content-page .introduce .hide-text {
    color: #a5a5a5
}

#jd-content-page .introduce .hide-text img {
    width: 12px
}

#jd-content-page .introduce .tip {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #343434;
    margin-top: 12px;
    margin-bottom: 28px;
    font-weight: 700
}

#jd-content-page .introduce .tip img {
    margin: 5px 4px 0;
    width: 12px
}

#jd-content-page .introduce .tip p {
    font-weight: 700
}

#jd-content-page .why-trade-jd-in-ava {
    margin-bottom: 24px
}

#jd-content-page .why-trade-jd-in-ava h2 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 16px
}

#jd-content-page .why-trade-jd-in-ava .content ul {
    margin-bottom: 16px
}

#jd-content-page .why-trade-jd-in-ava .content ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px
}

#jd-content-page .why-trade-jd-in-ava .content ul li .dot {
    width: 6px;
    height: 6px;
    background-color: #417ec0;
    margin-right: 8px;
    border-radius: 999px;
    position: relative;
    top: 6px
}

#jd-content-page .why-trade-jd-in-ava .content ul li p {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: -1px;
    color: #5b5b5b;
    flex: 1
}

#jd-content-page .jd-history {
    margin-bottom: 24px
}

#jd-content-page .jd-history h2 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 20px
}

#jd-content-page .jd-history > p {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-bottom: 16px
}

#jd-content-page .jd-history > div {
    margin-bottom: 28px
}

#jd-content-page .jd-history > div > div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px
}

#jd-content-page .jd-history div div em {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    color: #343434;
    width: 52px;
    white-space: nowrap;
    margin-right: 8px
}

#jd-content-page .jd-history div div div, #jd-content-page .jd-history div div p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: #5b5b5b;
    flex: 1
}

#jd-content-page .jd-history div div > p:nth-of-type(2) {
    margin-top: 4px;
    padding-right: 32px
}

#jd-content-page .trading-jd-information {
    margin-bottom: 28px
}

#jd-content-page .trading-jd-information h2 {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #343434
}

#jd-content-page .trading-jd-information > div > div > div {
    display: flex;
    align-items: center
}

#jd-content-page .trading-jd-information > div div > div .dot {
    width: 6px;
    height: 6px;
    background-color: #417ec0;
    margin-right: 8px;
    border-radius: 999px;
    margin-top: 0
}

#jd-content-page .trading-jd-information > div div > div {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 8px
}

#jd-content-page .trading-jd-information .pic-box {
    margin-top: 20px
}

#jd-content-page .why-trade-jd {
    margin-bottom: 28px
}

#jd-content-page .why-trade-jd h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434;
    margin-bottom: 20px
}

#jd-content-page .why-trade-jd > div div {
    box-shadow: 0 1px 7px 0 rgba(54, 83, 214, .18);
    border-radius: 5px;
    margin-bottom: 16px
}

#jd-content-page .why-trade-jd > div div h3 {
    border-radius: 5px;
    height: 30px;
    border: 1px solid #2559a2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 0;
    color: #1f57a8
}

#jd-content-page .why-trade-jd > div div h3 img {
    width: 16px;
    margin-right: 4px
}

#jd-content-page .why-trade-jd > div div p {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #5b5b5b
}

#jd-content-page .why-trade-jd > p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: #343434;
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px
}

#jd-content-page .why-trade-jd > p img {
    position: relative;
    top: 4px;
    width: 12px;
    margin: 0 4px
}

#jd-content-page .common-question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 24px 0;
    margin-top: 20px;
    margin-bottom: 32px;
    display: block
}

#jd-content-page .common-question h2 {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 12px
}

#jd-content-page .common-question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#jd-content-page .common-question .question-box .question-list div {
    padding: 10px 12px;
    border-top: 1px solid #e7e7e7
}

#jd-content-page .common-question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#jd-content-page .common-question .question-items i {
    width: 12px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

#jd-content-page .common-question .answer-items {
    display: none
}

#jd-content-page .common-question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 8px
}

#jd-content-page .common-question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 4px
}

#jd-content-page .advertisement {
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(/static/home/images/m-advertisement-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 12px
}

#jd-content-page .advertisement p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff
}

#jd-content-page .advertisement p em {
    font-size: 16px;
    color: #ee8d18
}

@media (min-width: 1200px) {
    #jd-content-page {
        margin-bottom: -108px
    }

    #jd-content-page .btn-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #jd-content-page .btn-box a:first-of-type {
        width: 260px;
        height: 56px;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #jd-content-page .btn-box a:nth-of-type(2) {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #3874b7;
        margin-left: 160px
    }

    #jd-content-page .banner {
        display: none
    }

    #jd-content-page .introduce {
        margin-bottom: 60px
    }

    #jd-content-page .introduce h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 36px
    }

    #jd-content-page .introduce p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #5b5b5b
    }

    #jd-content-page .introduce > div:first-of-type {
        display: flex
    }

    #jd-content-page .introduce > div:first-of-type .pic img {
        width: 432px
    }

    #jd-content-page .introduce > div:first-of-type .text {
        flex: 1;
        margin-right: 40px
    }

    #jd-content-page .introduce > div:first-of-type .text p {
        margin-bottom: 12px
    }

    #jd-content-page .introduce .show-text {
        color: #2882c0
    }

    #jd-content-page .introduce .show-text img {
        width: 12px
    }

    #jd-content-page .introduce .hide-text {
        color: #a5a5a5
    }

    #jd-content-page .introduce .hide-text img {
        width: 12px
    }

    #jd-content-page .introduce .tip {
        display: flex;
        align-items: center;
        margin-top: 12px;
        margin-bottom: 60px
    }

    #jd-content-page .introduce .tip img {
        margin: 0 12px 0 0;
        width: 16px
    }

    #jd-content-page .introduce .tip p {
        font-size: 16px;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #343434;
        font-weight: 700
    }

    #jd-content-page .why-trade-jd-in-ava {
        margin-bottom: 60px
    }

    #jd-content-page .why-trade-jd-in-ava h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 40px
    }

    #jd-content-page .why-trade-jd-in-ava .content {
        display: flex;
        align-items: stretch;
        box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
    }

    #jd-content-page .why-trade-jd-in-ava .content ul {
        margin-bottom: 0;
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 40px 0 40px 20px
    }

    #jd-content-page .why-trade-jd-in-ava .content ul li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0
    }

    #jd-content-page .why-trade-jd-in-ava .content ul li .dot {
        width: 8px;
        height: 8px;
        background-color: #417ec0;
        margin-right: 8px;
        border-radius: 999px;
        position: relative;
        top: 6px
    }

    #jd-content-page .why-trade-jd-in-ava .content ul li p {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #jd-content-page .jd-history {
        margin-bottom: 56px
    }

    #jd-content-page .jd-history h2 {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 1px;
        color: #343434;
        font-weight: 700;
        margin-bottom: 36px
    }

    #jd-content-page .jd-history > p {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-bottom: 16px
    }

    #jd-content-page .jd-history > div {
        margin-bottom: 64px
    }

    #jd-content-page .jd-history > div > div {
        display: flex;
        align-items: flex-start;
        margin-bottom: 8px
    }

    #jd-content-page .jd-history div div em {
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0;
        color: #343434;
        width: 68px;
        white-space: nowrap;
        margin-right: 16px
    }

    #jd-content-page .jd-history div div div, #jd-content-page .jd-history div div p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #jd-content-page .trading-jd-information {
        margin-bottom: 60px
    }

    #jd-content-page .trading-jd-information h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 40px
    }

    #jd-content-page .trading-jd-information > div {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
    }

    #jd-content-page .trading-jd-information > div .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        max-height: 100%;
        padding: 28px 0 40px 28px;
        font-size: 16px
    }

    #jd-content-page .trading-jd-information > div div .dot {
        width: 8px;
        height: 8px;
        background-color: #417ec0;
        margin-right: 8px;
        border-radius: 999px
    }

    #jd-content-page .trading-jd-information > div div p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 0
    }

    #jd-content-page .trading-jd-information .pic-box {
        margin-top: 0
    }

    #jd-content-page .why-trade-jd {
        margin-bottom: 60px
    }

    #jd-content-page .why-trade-jd h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1px;
        color: #343434;
        margin-bottom: 40px
    }

    #jd-content-page .why-trade-jd > div div {
        box-shadow: 0 1px 7px 0 rgba(54, 83, 214, .18);
        border-radius: 5px;
        margin-bottom: 20px;
        display: flex;
        align-items: center
    }

    #jd-content-page .why-trade-jd > div div h3 {
        width: 148px;
        height: 148px;
        border-radius: 10px;
        border: 2px solid #2559a2;
        display: block;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #1f57a8;
        text-align: center
    }

    #jd-content-page .why-trade-jd > div div h3 img {
        width: 44px;
        margin: 0 auto;
        display: block;
        padding: 32px 0 20px
    }

    #jd-content-page .why-trade-jd > div div p {
        padding: 8px 20px;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #jd-content-page .why-trade-jd > p {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0;
        color: #343434;
        display: flex;
        align-items: flex-start;
        margin-bottom: 60px
    }

    #jd-content-page .why-trade-jd > p img {
        position: relative;
        top: 4px;
        width: 16px;
        margin: 0 12px 0 0
    }

    #jd-content-page .common-question {
        background-image: url(/static/home/images/pc-sec-7-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 36px 68px 0;
        margin-top: 20px;
        margin-bottom: 60px;
        display: block
    }

    #jd-content-page .common-question h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        color: #fff;
        margin-bottom: 36px
    }

    #jd-content-page .common-question .question-box {
        box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
        background-color: #fff
    }

    #jd-content-page .common-question .question-box .question-list div {
        padding: 16px 20px 20px;
        border-top: 1px solid #e7e7e7
    }

    #jd-content-page .common-question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #jd-content-page .common-question .question-items i {
        width: 12px;
        margin-right: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    #jd-content-page .common-question .answer-items {
        display: none
    }

    #jd-content-page .common-question h4 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 8px
    }

    #jd-content-page .common-question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 8px
    }

    #jd-content-page .advertisement {
        margin-bottom: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-image: url(/static/home/images/m-advertisement-bg.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 56px 40px 48px
    }

    #jd-content-page .advertisement > div {
        display: flex;
        align-items: flex-end
    }

    #jd-content-page .advertisement p {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0;
        color: #fff
    }

    #jd-content-page .advertisement p em {
        font-size: 36px;
        line-height: 36px;
        color: #ee8d18
    }

    #jd-content-page .advertisement p em:nth-of-type(2) {
        font-size: 26px;
        line-height: 36px;
        color: #fff
    }
}

#alibaba-content-page em {
    font-style: normal
}

#alibaba-content-page .introduce > div:first-of-type {
    display: flex;
    margin-bottom: 16px
}

#alibaba-content-page .introduce > div:first-of-type h1 {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 0
}

#alibaba-content-page .introduce > div:first-of-type div {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    font-weight: 700
}

#alibaba-content-page .btn-box {
    display: flex;
    align-items: center
}

#alibaba-content-page .btn-box a:first-of-type {
    width: 164px;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

#alibaba-content-page .btn-box a em {
    z-index: 2
}

#alibaba-content-page .btn-box a:first-of-type:hover {
    color: #90b851
}

#alibaba-content-page .btn-box a:first-of-type:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #87be37;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#alibaba-content-page .btn-box a:first-of-type:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#alibaba-content-page .btn-box a:first-of-type:hover:before {
    left: 127%
}

#alibaba-content-page .btn-box a:nth-of-type(2) {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #3874b7;
    margin-left: 44px
}

#alibaba-content-page .banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 24px;
    padding: 36px 0 32px 12px
}

#alibaba-content-page .banner p:first-of-type {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(11, 6, 67, .35);
    margin-bottom: 16px
}

#alibaba-content-page .banner p:first-of-type em {
    color: #f89600
}

#alibaba-content-page .banner p:nth-of-type(2) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#alibaba-content-page .banner p:nth-of-type(2) em {
    margin-right: 4px
}

#alibaba-content-page .introduce {
    margin-bottom: 28px
}

#alibaba-content-page .introduce h2 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 12px;
    font-weight: 700
}

#alibaba-content-page .introduce p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #5b5b5b
}

#alibaba-content-page .introduce .text {
    flex: 1
}

#alibaba-content-page .introduce .show-text {
    color: #2882c0
}

#alibaba-content-page .introduce .show-text img {
    width: 12px
}

#alibaba-content-page .introduce .hide-text {
    color: #a5a5a5
}

#alibaba-content-page .introduce .hide-text img {
    width: 12px
}

#alibaba-content-page .introduce .tip {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #343434;
    margin-top: 12px;
    margin-bottom: 28px
}

#alibaba-content-page .introduce p {
    margin-bottom: 12px
}

#alibaba-content-page .introduce .tip img {
    margin: 5px 4px 0;
    width: 12px;
    display: block
}

#alibaba-content-page .introduce .tip {
    font-weight: 700
}

#alibaba-content-page .why-trade-jd-in-ava {
    margin-bottom: 24px
}

#alibaba-content-page .why-trade-jd-in-ava h2 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 16px;
    font-weight: 700
}

#alibaba-content-page .why-trade-jd-in-ava .content ul {
    margin-bottom: 16px
}

#alibaba-content-page .why-trade-jd-in-ava .content ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px
}

#alibaba-content-page .why-trade-jd-in-ava .content ul li .dot {
    width: 6px;
    height: 6px;
    background-color: #417ec0;
    margin-right: 8px;
    border-radius: 999px;
    position: relative;
    top: 6px
}

#alibaba-content-page .why-trade-jd-in-ava .content ul li p {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: -1px;
    color: #5b5b5b;
    flex: 1
}

#alibaba-content-page .jd-history .tip img {
    width: 12px;
    margin: 0 4px 0 0
}

#alibaba-content-page .jd-history .tip {
    font-weight: 700
}

#alibaba-content-page .jd-history {
    margin-bottom: 24px
}

#alibaba-content-page .jd-history h2 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 20px;
    font-weight: 700
}

#alibaba-content-page .jd-history > p {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-bottom: 16px
}

#alibaba-content-page .jd-history > div {
    margin-bottom: 28px
}

#alibaba-content-page .jd-history > div > div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px
}

#alibaba-content-page .jd-history div div em {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    color: #343434;
    width: 52px;
    white-space: nowrap;
    margin-right: 8px
}

#alibaba-content-page .jd-history div div div, #alibaba-content-page .jd-history div div p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: #5b5b5b;
    flex: 1
}

#alibaba-content-page .jd-history div div > p:nth-of-type(2) {
    margin-top: 4px;
    padding-right: 32px
}

#alibaba-content-page .trading-jd-information {
    margin-bottom: 28px
}

#alibaba-content-page .trading-jd-information h2 {
    font-size: 18px;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #343434;
    font-weight: 700
}

#alibaba-content-page .trading-jd-information > div > div > div {
    display: flex;
    align-items: center
}

#alibaba-content-page .trading-jd-information > div div > div .dot {
    width: 6px;
    height: 6px;
    background-color: #417ec0;
    margin-right: 8px;
    border-radius: 999px;
    margin-top: 0
}

#alibaba-content-page .trading-jd-information > div div > div {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 8px
}

#alibaba-content-page .trading-jd-information .pic-box {
    margin-top: 20px
}

#alibaba-content-page .why-trade-jd {
    margin-bottom: 28px
}

#alibaba-content-page .why-trade-jd h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434;
    margin-bottom: 20px
}

#alibaba-content-page .why-trade-jd > div div {
    box-shadow: 0 1px 7px 0 rgba(54, 83, 214, .18);
    border-radius: 5px;
    margin-bottom: 16px;
    font-weight: 700
}

#alibaba-content-page .why-trade-jd .tip p {
    font-weight: 700
}

#alibaba-content-page .why-trade-jd > div div h3 {
    border-radius: 5px;
    height: 30px;
    border: 1px solid #2559a2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 0;
    color: #1f57a8
}

#alibaba-content-page .why-trade-jd > div div h3 img {
    width: 16px;
    margin-right: 4px
}

#alibaba-content-page .why-trade-jd > div div p {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #5b5b5b
}

#alibaba-content-page .why-trade-jd > p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: #343434;
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px
}

#alibaba-content-page .why-trade-jd > p img {
    position: relative;
    top: 4px;
    width: 12px;
    margin: 0 4px
}

#alibaba-content-page .common-question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 24px 0;
    margin-top: 20px;
    margin-bottom: 32px;
    display: block
}

#alibaba-content-page .common-question h2 {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 12px
}

#alibaba-content-page .common-question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#alibaba-content-page .common-question .question-box .question-list div {
    padding: 10px 12px;
    border-top: 1px solid #e7e7e7
}

#alibaba-content-page .common-question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#alibaba-content-page .common-question .question-items i {
    width: 12px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

#alibaba-content-page .common-question .answer-items {
    display: none
}

#alibaba-content-page .common-question h4 {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 8px
}

#alibaba-content-page .common-question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 4px
}

#alibaba-content-page .advertisement {
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(/static/home/images/m-advertisement-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 8px
}

#alibaba-content-page .advertisement p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff
}

#alibaba-content-page .advertisement p em {
    font-size: 16px;
    color: #ee8d18
}

@media (min-width: 1200px) {
    #alibaba-content-page .introduce {
        padding-top: 12px
    }

    #alibaba-content-page .introduce > div:first-of-type {
        margin-bottom: 32px
    }

    #alibaba-content-page .introduce > div:first-of-type h1 {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        font-weight: 700;
        margin-bottom: 0
    }

    #alibaba-content-page .introduce > div:first-of-type div {
        font-size: 26px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0;
        color: #2e2e2e
    }

    #alibaba-content-page .introduce .text {
        padding-right: 32px
    }

    #alibaba-content-page .introduce .text p:nth-of-type(2) {
        margin-top: 8px
    }

    #alibaba-content-page {
        margin-bottom: -108px
    }

    #alibaba-content-page .btn-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #alibaba-content-page .btn-box a:first-of-type {
        width: 260px;
        height: 56px;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #alibaba-content-page .btn-box a:nth-of-type(2) {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #3874b7;
        margin-left: 160px
    }

    #alibaba-content-page .banner {
        display: none
    }

    #alibaba-content-page .introduce {
        margin-bottom: 64px
    }

    #alibaba-content-page .introduce h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 36px
    }

    #alibaba-content-page .introduce p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #5b5b5b
    }

    #alibaba-content-page .introduce > div:first-of-type {
        display: flex
    }

    #alibaba-content-page .introduce > div:first-of-type .pic img {
        width: 432px
    }

    #alibaba-content-page .introduce > div:first-of-type .text {
        flex: 1;
        margin-right: 40px
    }

    #alibaba-content-page .introduce > div:first-of-type .text p {
        margin-bottom: 12px
    }

    #alibaba-content-page .introduce > div:nth-of-type(3) p {
        margin-top: 0
    }

    #alibaba-content-page .introduce > div:nth-of-type(3) {
        margin-bottom: 56px
    }

    #alibaba-content-page .introduce .show-text {
        color: #2882c0
    }

    #alibaba-content-page .introduce .show-text img {
        width: 12px
    }

    #alibaba-content-page .introduce .hide-text {
        color: #a5a5a5
    }

    #alibaba-content-page .introduce .hide-text img {
        width: 12px
    }

    #alibaba-content-page .introduce .tip {
        display: flex;
        align-items: center;
        margin-top: 12px;
        margin-bottom: 60px
    }

    #alibaba-content-page .introduce .tip img {
        margin: 0 12px 0 0;
        width: 16px
    }

    #alibaba-content-page .introduce .tip p {
        font-size: 16px;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #343434;
        font-weight: 700
    }

    #alibaba-content-page .why-trade-jd-in-ava {
        margin-bottom: 60px
    }

    #alibaba-content-page .why-trade-jd-in-ava h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 44px
    }

    #alibaba-content-page .why-trade-jd-in-ava .content {
        display: flex;
        align-items: stretch;
        box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
    }

    #alibaba-content-page .why-trade-jd-in-ava .content ul {
        margin-bottom: 0;
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 40px 0 40px 20px
    }

    #alibaba-content-page .why-trade-jd-in-ava .content ul li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0
    }

    #alibaba-content-page .why-trade-jd-in-ava .content ul li .dot {
        width: 8px;
        height: 8px;
        background-color: #417ec0;
        margin-right: 8px;
        border-radius: 999px;
        position: relative;
        top: 6px
    }

    #alibaba-content-page .why-trade-jd-in-ava .content ul li p {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #alibaba-content-page .jd-history {
        margin-bottom: 56px
    }

    #alibaba-content-page .jd-history h2 {
        font-size: 26px;
        line-height: 1;
        letter-spacing: 1px;
        color: #343434;
        font-weight: 700;
        margin-bottom: 36px
    }

    #alibaba-content-page .jd-history > p {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-bottom: 16px
    }

    #alibaba-content-page .jd-history > div {
        margin-bottom: 16px
    }

    #alibaba-content-page .jd-history > .tip {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0;
        color: #343434;
        display: flex;
        align-items: flex-start;
        margin-bottom: 56px
    }

    #alibaba-content-page .jd-history > .tip img {
        margin-right: 12px;
        margin-top: 4px
    }

    #alibaba-content-page .jd-history > div > div {
        display: flex;
        align-items: flex-start;
        margin-bottom: 8px
    }

    #alibaba-content-page .jd-history div div em {
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0;
        color: #343434;
        width: 68px;
        white-space: nowrap;
        margin-right: 20px
    }

    #alibaba-content-page .jd-history div div div, #alibaba-content-page .jd-history div div p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #alibaba-content-page .trading-jd-information {
        margin-bottom: 60px
    }

    #alibaba-content-page .trading-jd-information h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 1px;
        color: #2e2e2e;
        margin-bottom: 44px
    }

    #alibaba-content-page .trading-jd-information > div {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
    }

    #alibaba-content-page .trading-jd-information > div .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        max-height: 100%;
        padding: 28px 0 40px 28px;
        font-size: 16px
    }

    #alibaba-content-page .trading-jd-information > div div .dot {
        width: 8px;
        height: 8px;
        background-color: #417ec0;
        margin-right: 8px;
        border-radius: 999px
    }

    #alibaba-content-page .trading-jd-information > div div p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 0
    }

    #alibaba-content-page .trading-jd-information .pic-box {
        margin-top: 0
    }

    #alibaba-content-page .why-trade-jd {
        margin-bottom: 60px
    }

    #alibaba-content-page .why-trade-jd h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1px;
        color: #343434;
        margin-bottom: 44px
    }

    #alibaba-content-page .why-trade-jd > div div {
        box-shadow: 0 1px 7px 0 rgba(54, 83, 214, .18);
        border-radius: 5px;
        margin-bottom: 20px;
        display: block
    }

    #alibaba-content-page .why-trade-jd > div div h3 {
        padding: 20px;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: 2px solid #2559a2;
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #1f57a8;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #alibaba-content-page .why-trade-jd > div div h3 img {
        width: 20px;
        margin: 0 8px 0 0;
        display: block;
        padding: 0
    }

    #alibaba-content-page .why-trade-jd > div div p {
        padding: 8px 20px 20px;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        flex: 1
    }

    #alibaba-content-page .why-trade-jd > p {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0;
        color: #343434;
        display: flex;
        align-items: flex-start;
        margin-bottom: 60px
    }

    #alibaba-content-page .why-trade-jd > p img {
        position: relative;
        top: 4px;
        width: 16px;
        margin: 0 12px 0 0
    }

    #alibaba-content-page .common-question {
        background-image: url(/static/home/images/pc-sec-7-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 36px 68px 0;
        margin-top: 20px;
        margin-bottom: 60px;
        display: block
    }

    #alibaba-content-page .common-question h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        color: #fff;
        margin-bottom: 36px
    }

    #alibaba-content-page .common-question .question-box {
        box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
        background-color: #fff
    }

    #alibaba-content-page .common-question .question-box .question-list div {
        padding: 16px 20px 20px;
        border-top: 1px solid #e7e7e7
    }

    #alibaba-content-page .common-question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #alibaba-content-page .common-question .question-items i {
        width: 12px;
        margin-right: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    #alibaba-content-page .common-question .answer-items {
        display: none
    }

    #alibaba-content-page .common-question h4 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 8px
    }

    #alibaba-content-page .common-question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 8px
    }

    #alibaba-content-page .advertisement {
        margin-bottom: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-image: url(/static/home/images/m-advertisement-bg.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 56px 40px 48px
    }

    #alibaba-content-page .advertisement > div {
        display: flex;
        align-items: flex-end
    }

    #alibaba-content-page .advertisement p {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0;
        color: #fff
    }

    #alibaba-content-page .advertisement p em {
        font-size: 36px;
        line-height: 36px;
        color: #ee8d18
    }

    #alibaba-content-page .advertisement p em:nth-of-type(2) {
        font-size: 26px;
        line-height: 36px;
        color: #fff
    }

    #alibaba-content-page .jd-history .tip img {
        width: auto;
        margin: 4px 12px 0 0
    }
}

@media (min-width: 1200px) {
    #china-internet-page {
        margin-bottom: -80px
    }
}

#china-internet-page .table-box table {
    background-color: #fff;
    box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18);
    margin-bottom: 0;
    max-width: 100%
}

#china-internet-page .table-box table thead {
    background-color: #203c6b;
    height: 32px
}

#china-internet-page .table-box table tbody tr {
    background-color: #fff
}

#china-internet-page .table-box table th {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    text-align: left
}

#china-internet-page .table-box table td {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    height: 40px;
    letter-spacing: 0;
    color: #5a5a5a;
    border-bottom: 1px solid #e7e7e7
}

#china-internet-page .table-box table td:first-of-type, #china-internet-page .table-box table th:first-of-type {
    padding-left: 7%;
    width: 30%
}

#china-internet-page .table-box table td:nth-of-type(2), #china-internet-page .table-box table th:nth-of-type(2) {
    padding-left: 5%;
    width: 20%
}

#china-internet-page .table-box table td:nth-of-type(3), #china-internet-page .table-box table th:nth-of-type(3) {
    padding-left: 7%;
    width: 30%
}

#china-internet-page .table-box table td:nth-of-type(4), #china-internet-page .table-box table th:nth-of-type(4) {
    padding-left: 5%;
    width: 20%
}

@media (min-width: 1200px) {
    #china-internet-page {
        margin-bottom: -80px
    }

    #china-internet-page .table-box table thead {
        background-color: #203c6b;
        height: 42px
    }

    #china-internet-page .table-box table tbody tr {
        background-color: #fff
    }

    #china-internet-page .table-box table th {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        letter-spacing: 0;
        color: #fff;
        text-align: left
    }

    #china-internet-page .table-box table td {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        height: 60px;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #china-internet-page .table-box table td:first-of-type, #china-internet-page .table-box table th:first-of-type {
        padding-left: 56px;
        width: 208px
    }

    #china-internet-page .table-box table td:nth-of-type(2), #china-internet-page .table-box table th:nth-of-type(2) {
        padding-left: 72px;
        width: 152px
    }

    #china-internet-page .table-box table td:nth-of-type(3), #china-internet-page .table-box table th:nth-of-type(3) {
        padding-left: 120px;
        width: 252px
    }

    #china-internet-page .table-box table td:nth-of-type(4), #china-internet-page .table-box table th:nth-of-type(4) {
        padding-left: 88px;
        width: 152px
    }

    #china-internet-page .kill-margin {
        margin-left: 0;
        margin-right: 0
    }
}

#avaadvantage .video-cover {
    background-image: url(/static/home/images/fneg-bg.png);
    background-size: 100% 100%
}

#avaadvantage .bg-text {
    background-image: url(/static/home/images/pc-bg-1.png)
}

#avaadvantage .blue-bg {
    background-image: url(/static/home/images/pc-bg-icons.png)
}

#avaadvantage .footer-bg {
    background-image: url(/static/home/images/pc-footer-bg.png)
}

#avaadvantage-m .tracking-1px {
    letter-spacing: 1px
}

#avaadvantage-m .real_button_ava_m {
    border: 1px solid #72be45;
    overflow: hidden;
    color: #fff;
    position: relative;
    letter-spacing: 1px;
    width: 165px;
    line-height: 36px;
    border-radius: 4px
}

#avaadvantage-m .real_button_ava_m:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    transition: left .5s ease-in-out;
    background-color: #72be45
}

#avaadvantage-m .real_button_ava_m:hover {
    border: 1px solid #72be45;
    color: #72be45
}

#avaadvantage-m .real_button_ava_m:hover:before {
    left: 127%
}

#avaadvantage-m .demo-btn-text {
    color: #007ebe
}

#avaadvantage-m .demo-btn-text:hover {
    color: #2559a2
}

#avaadvantage-m .text-10px {
    font-size: 10px
}

#avaadvantage-m .content-box-m {
    padding: 8px 20px;
    width: 47%;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #dcdbe6
}

#avaadvantage-m .middle-text {
    margin: 5px 12px
}

#avaadvantage-m .m-img-box {
    height: 43px
}

#avaadvantage-m .m-img {
    width: 23%
}

#avaadvantage-m .video-box div.video-content {
    position: relative
}

#avaadvantage-m .video-box div.video-content .video-play-btn-box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

#avaadvantage-m .video-box div.video-content .video-play-btn-box .avatrade-go-video-play-btn {
    width: 1rem;
    z-index: 100
}

#avaadvantage-m .text-bg {
    padding: 15px 18px;
    background-image: url(/static/home/images/m-bg-1.png);
    background-size: 100% 100%
}

#avaadvantage-m .text-bg div {
    text-shadow: -1px 5px 15px #000
}

#avaadvantage-m .blue-box {
    background-color: #fff;
    border: 1px solid #2882c0
}

#avaadvantage-m .blue-text-bg {
    padding: 3px 29px 2px 10px;
    background-image: url(/static/home/images/m-icons-bg.png);
    background-size: 100% 100%
}

#avaadvantage-m .footer-bg {
    padding: 12px 18px 16px 2px;
    background-image: url(/static/home/images/m-footer-bg.png);
    background-size: 100% 100%
}

#m-avaprotect {
    font-family: MicrosoftYaHei bold, Helvetica Neue, Helvetica, Arial, sans-serif
}

#m-avaprotect .mrealbtn, #m-avaprotect .mvideobtn {
    letter-spacing: 1px;
    width: 200px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff;
    background-color: #82b841
}

#m-avaprotect .mrealbtn:hover, #m-avaprotect .mvideobtn:hover {
    background-color: #93c944
}

#m-avaprotect .mdemobtn {
    color: #5b5b5b
}

#m-avaprotect .mdemobtn:hover {
    color: #2583c2
}

#m-avaprotect .mqa-title {
    padding: 8px 13px;
    background-color: #108ef9;
    position: relative
}

#m-avaprotect .mqa-title:before {
    position: absolute;
    content: "";
    background-image: url(/static/home/images/m-before.jpg);
    background-size: 100% 100%;
    width: 40px;
    height: 12px;
    bottom: -12px;
    left: 18px
}

#safetyoffunds-page {
    margin-bottom: 8px
}

#safetyoffunds-page * {
    font-family: system-ui
}

#safetyoffunds-page .text-white {
    color: #fff
}

#safetyoffunds-page .text-box-shadow {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .2)
}

#safetyoffunds-page .how-to-safe p {
    font-size: 12px
}

#safetyoffunds-page .m-banner-bg {
    background-image: url(/static/home/images/m-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

#safetyoffunds-page .m-banner-text-shadow {
    text-shadow: 0 2px 4px rgba(11, 6, 67, .35)
}

#safetyoffunds-page .m-text-box-shadow {
    box-shadow: 0 0 5px 0 rgba(40, 130, 192, .2)
}

#safetyoffunds-page .text-blue-387 {
    color: #3874b7
}

#safetyoffunds-page .pc-hidden {
    display: flex
}

@media (min-width: 1200px) {
    #safetyoffunds-page {
        margin-bottom: -36px
    }

    #safetyoffunds-page .pc-hidden {
        display: none
    }
}

#ava-advantages-depositwithdraw-content-page .table-box {
    box-sizing: border-box;
    margin-right: -12px
}

#ava-advantages-depositwithdraw-content-page table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .27);
    box-sizing: border-box;
    border: 1px solid #c5c5c5
}

#ava-advantages-depositwithdraw-content-page table tbody, #ava-advantages-depositwithdraw-content-page table thead {
    border: 0
}

#ava-advantages-depositwithdraw-content-page table th {
    white-space: nowrap;
    border-left: none;
    height: 48px;
    padding: 0
}

#ava-advantages-depositwithdraw-content-page table td {
    line-height: 1.15;
    padding: 0;
    border-right: 1px solid #c5c5c5
}

#ava-advantages-depositwithdraw-content-page table tbody tr:first-of-type td {
    height: 116px
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2) td {
    height: 68px
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(3) td {
    height: 32px
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(4) td {
    height: 68px
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(5) td {
    height: 56px
}

#ava-advantages-depositwithdraw-content-page table tbody tr td:first-of-type, #ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
    width: 92px
}

#ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(2), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(2) {
    width: 140px
}

#ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(3), #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(5), #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(6), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(3), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(5), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(6) {
    width: 148px
}

#ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(4), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(4) {
    width: 156px
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2n) {
    background-color: #eaeaea
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(odd) {
    background-color: #ddd
}

#ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
    background-color: #4e90d4
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2n) td:first-of-type {
    background-color: #eaeaea
}

#ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(odd) td:first-of-type {
    background-color: #ddd
}

#ava-advantages-depositwithdraw-content-page table tbody tr td:first-of-type, #ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    left: -1px;
    z-index: 40
}

#ava-advantages-depositwithdraw-content-page .table-two tbody tr:nth-of-type(3) td {
    height: 56px
}

@media (min-width: 1200px) {
    #ava-advantages-depositwithdraw-content-page .table-box {
        box-sizing: border-box;
        margin-right: 0
    }

    #ava-advantages-depositwithdraw-content-page table {
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .27);
        box-sizing: border-box;
        border: 0
    }

    #ava-advantages-depositwithdraw-content-page table tbody, #ava-advantages-depositwithdraw-content-page table thead {
        border: 0
    }

    #ava-advantages-depositwithdraw-content-page table th {
        white-space: nowrap;
        border-left: none;
        height: 32px;
        padding: 0
    }

    #ava-advantages-depositwithdraw-content-page table td {
        line-height: 1.15;
        padding: 0;
        border-right: 0
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:first-of-type td {
        height: 144px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2) td {
        height: 72px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(3) td {
        height: 48px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(4) td {
        height: 72px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(5) td {
        height: 48px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr td:first-of-type, #ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
        width: 92px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(2), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(2) {
        width: 140px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(3), #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(5), #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(6), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(3), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(5), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(6) {
        width: 148px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr td:nth-of-type(4), #ava-advantages-depositwithdraw-content-page table thead tr th:nth-of-type(4) {
        width: 156px
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2n) {
        background-color: #eaeaea
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(odd) {
        background-color: #ddd
    }

    #ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
        background-color: #4e90d4
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(2n) td:first-of-type {
        background-color: #eaeaea
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr:nth-of-type(odd) td:first-of-type {
        background-color: #ddd
    }

    #ava-advantages-depositwithdraw-content-page table tbody tr td:first-of-type, #ava-advantages-depositwithdraw-content-page table thead tr th:first-of-type {
        position: -webkit-sticky;
        position: sticky;
        left: -1px;
        z-index: 40
    }

    #ava-advantages-depositwithdraw-content-page .table-two tbody tr:nth-of-type(3) td {
        height: 56px
    }

    #ava-advantages-depositwithdraw-content-page .m-btns {
        display: none
    }
}

#reward-trading .-mt-38px {
    margin-top: -38px
}

#reward-trading .ora-ffc {
    color: #fc0
}

#reward-trading .blocks {
    display: block
}

#reward-trading .mx-autos {
    margin-left: auto;
    margin-right: auto
}

#reward-trading .height-over {
    height: 321px;
    overflow: hidden
}

#reward-trading .title {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

#reward-trading .title1 {
    top: -40px
}

#reward-trading .title2 {
    top: -35px
}

#reward-trading .title3 {
    top: -51px
}

#reward-trading .text-centers {
    text-align: center
}

#reward-trading .wrap-bg {
    background-size: 100% 100%;
    background-image: none
}

#reward-trading .banner-btn {
    padding-bottom: 67px
}

#reward-trading .orange-box {
    padding: 8px
}

#reward-trading .ora-box, #reward-trading .orange-box {
    border-radius: 6px;
    background-color: rgba(254, 123, 0, .2)
}

#reward-trading .ora-box {
    padding: 6px
}

#reward-trading .footer-box {
    background-color: #12438f;
    border: 1px solid #2890ec
}

#reward-trading .blue-box {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #0141a0;
    border: 1px solid #2890ec;
    opacity: .88
}

#reward-trading .footer-list {
    left: -22px
}

#reward-trading .footer-box ul li {
    line-height: 20px
}

#reward-trading .mbgone {
    padding-top: 174px;
    background-image: url(/static/home/images/newone.jpg);
    background-size: 100% 100%
}

#reward-trading .mbgtwo {
    background-image: url(/static/home/images/listbg.jpg);
    background-size: 100% 100%
}

@media (min-width: 1200px) {
    #reward-trading .hover-scale img:hover {
        transform: scale(1.1)
    }

    #reward-trading .height-over {
        height: auto;
        overflow: auto
    }

    #reward-trading .blocks, #reward-trading .hiddens {
        display: none
    }

    #reward-trading .mx-autos {
        margin-left: 0;
        margin-right: 0
    }

    #reward-trading .wrap-bg {
        margin-bottom: -40px;
        padding-top: 445px;
        background-image: url(/static/home/images/pcbg.jpg)
    }

    #reward-trading .mbgone, #reward-trading .mbgtwo {
        padding-top: 0;
        background-image: none
    }

    #reward-trading .orange-box {
        padding: 36px 10px 10px
    }

    #reward-trading .ora-box, #reward-trading .orange-box {
        border-radius: 12px;
        background-color: rgba(254, 123, 0, .2)
    }

    #reward-trading .ora-box {
        padding: 13px
    }

    #reward-trading .footer-box ul li {
        line-height: 30px
    }

    #reward-trading .text-centers {
        text-align: left
    }

    #reward-trading .banner-btn {
        padding-bottom: 148px
    }

    #reward-trading .title1 {
        top: -70px
    }

    #reward-trading .title2 {
        top: -58px
    }

    #reward-trading .title3 {
        top: -93px
    }

    #reward-trading .blue-box {
        padding-bottom: 50px;
        padding-top: 50px;
        background-color: #0141a0;
        border: 1px solid #2890ec;
        opacity: .88
    }
}

#friends-referral-content-page {
    background-image: url(/static/home/images/m-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

#friends-referral-content-page > div {
    max-width: 375px
}

#friends-referral-content-page .hidden {
    display: none
}

#friends-referral-content-page .form-box {
    box-shadow: 0 2px 6px 0 rgba(25, 4, 10, .35)
}

#friends-referral-content-page .m-line-bg {
    background-image: url(/static/home/images/m-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 78px
}

#friends-referral-content-page .section-one .title {
    background-image: url(/static/home/images/m-sec-1-flag.png);
    background-size: 127px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 8px 0 52px 26px
}

#friends-referral-content-page .section-one .title-second {
    background-image: url(/static/home/images/m-sec-1-tittle.png);
    background-size: 288px auto;
    background-repeat: no-repeat;
    background-position: top;
    padding: 8px 0 28px
}

#friends-referral-content-page .min-h-hg-n-32-px {
    min-height: 32px
}

#friends-referral-content-page .section-two .title {
    background-image: url(/static/home/images/m-sec-1-flag.png);
    background-size: 127px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 8px 0 52px 26px
}

#friends-referral-content-page .section-two ol {
    background-image: url(/static/home/images/m-sec-2-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 14px 28px 48px;
    margin-top: 4px
}

#friends-referral-content-page .section-three .title {
    background-image: url(/static/home/images/m-sec-3-flag.png);
    background-size: 156px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 8px 0 52px 24px
}

@media (min-width: 1200px) {
    #friends-referral-content-page {
        background-image: url(/static/home/images/pc-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        margin-top: -105px;
        margin-bottom: -40px;
        padding-bottom: 28px
    }

    #friends-referral-content-page > div {
        max-width: 1200px
    }

    #friends-referral-content-page .m-line-bg {
        background-image: none
    }

    #friends-referral-content-page .xl\:hidden {
        display: none
    }

    #friends-referral-content-page .xl\:block {
        display: block
    }

    #friends-referral-content-page .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    #friends-referral-content-page .xl\:mx-mg-n-48-px {
        margin-left: 48px;
        margin-right: 48px
    }

    #friends-referral-content-page .xl\:justify-start {
        justify-content: flex-start
    }

    #friends-referral-content-page .xl\:inline {
        display: inline
    }

    #friends-referral-content-page .form-box {
        box-shadow: 0 2px 6px 0 rgba(25, 4, 10, .35);
        width: 380px
    }

    #friends-referral-content-page .section-one .title {
        background-image: url(/static/home/images/pc-sec-1-flag.png);
        background-size: 181px auto;
        background-repeat: no-repeat;
        background-position: 0 0;
        padding: 12px 0 68px 44px
    }

    #friends-referral-content-page .section-one .title-second {
        background-image: url(/static/home/images/pc-sec-1-titlle.png);
        background-size: 756px auto;
        background-repeat: no-repeat;
        background-position: top;
        padding: 16px 58px 60px
    }

    #friends-referral-content-page .section-two .title {
        background-image: url(/static/home/images/m-sec-1-flag.png);
        background-size: 181px auto;
        background-repeat: no-repeat;
        background-position: 0 0;
        padding: 12px 0 76px 44px
    }

    #friends-referral-content-page .section-two ol {
        background-image: url(/static/home/images/pc-sec-2-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        padding: 36px 108px 86px 128px
    }

    #friends-referral-content-page .section-three .title {
        background-image: url(/static/home/images/pc-sec-3-flag.png);
        background-size: 211px auto;
        background-repeat: no-repeat;
        background-position: 0 0;
        padding: 12px 0 68px 36px
    }
}

#m-trading-platform-page .video-cover, #trading-platform-page .video-cover {
    background-image: url(/static/home/images/video-pic.jpg);
    background-size: 100% 100%
}

#m-trading-platform-page .w-15 {
    width: 60px
}

#m-trading-platform-page .h-15 {
    height: 60px
}

#m-trading-platform-page .banner {
    background-image: url(/static/home/images/banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 30px 12px;
    margin-top: 16px;
    margin-bottom: 28px
}

#m-trading-platform-page .banner h3 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 2px 4px rgba(1, 11, 66, .35)
}

#m-trading-platform-page .banner h3:first-of-type {
    margin-bottom: 16px
}

#m-trading-platform-page .ava-platform {
    margin-bottom: 32px
}

#m-trading-platform-page .ava-platform h2 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 16px
}

#m-trading-platform-page .ava-platform p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #343434;
    margin-bottom: 28px
}

#m-trading-platform-page .ava-platform .btn-box div:first-of-type a {
    width: 180px;
    padding: 12px 0;
    background-color: #82bb41;
    border-radius: 2px;
    text-align: center;
    display: block;
    margin: 0 auto 16px;
    font-size: 14px;
    line-height: 1;
    color: #fff
}

#m-trading-platform-page .ava-platform .btn-box div:first-of-type a:hover {
    background-color: #93cc44
}

#m-trading-platform-page .ava-platform .btn-box div:nth-of-type(2) {
    text-align: center
}

#m-trading-platform-page .ava-platform .btn-box div:nth-of-type(2) a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0;
    color: #5d5d5d
}

#m-trading-platform-page .ava-platform .btn-box div:nth-of-type(2) a:hover {
    color: #3c82c4
}

#m-trading-platform-page .mt4-section {
    margin-bottom: 32px
}

#m-trading-platform-page .mt4-section h2 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e
}

#m-trading-platform-page .mt4-section h2 img {
    width: 24px;
    margin-right: 8px
}

#m-trading-platform-page .mt4-section p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 32px
}

#m-trading-platform-page .mt4-section p a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #2583c2
}

#m-trading-platform-page .mt4-section .video:focus {
    outline: none
}

#m-trading-platform-page .mt5-section {
    margin-bottom: 32px
}

#m-trading-platform-page .mt5-section h2 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e
}

#m-trading-platform-page .mt5-section h2 img {
    width: 24px;
    margin-right: 8px
}

#m-trading-platform-page .mt5-section p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #343434;
    margin-bottom: 32px
}

#m-trading-platform-page .mt5-section p a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #2583c2
}

#m-trading-platform-page .mt5-section .pic-box {
    padding-left: 20px;
    padding-right: 12px;
    margin-bottom: 24px
}

#m-trading-platform-page .mt5-section .pic-box img {
    width: 100%
}

#m-trading-platform-page .mt5-section .product-box {
    box-shadow: 0 1px 8px 0 #dbdbdb;
    margin-bottom: 32px
}

#m-trading-platform-page .mt5-section .product-box h3 {
    background-color: #4487cc;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

#m-trading-platform-page .mt5-section .product-box-2 h3 {
    background-color: #93cc44
}

#m-trading-platform-page .mt5-section .product-box-3 h3 {
    background-color: #fd911a
}

#m-trading-platform-page .mt5-section .product-box > div {
    padding: 12px 12px 20px
}

#m-trading-platform-page .mt5-section .product-box > div p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-bottom: 16px
}

#m-trading-platform-page .mt5-section .product-box > div ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #4487cc;
    margin-bottom: 4px;
    padding-left: 8px;
    white-space: nowrap
}

#m-trading-platform-page .mt5-section .product-box > div ul li:last-of-type {
    border: 0
}

#m-trading-platform-page .mt5-section .product-box > div ul li div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#m-trading-platform-page .mt5-section .product-box > div ul li div p {
    flex: 1
}

#m-trading-platform-page .mt5-section .product-box > div ul li > div div {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

#m-trading-platform-page .mt5-section .product-box > div ul li div p {
    margin-bottom: 0
}

#m-trading-platform-page .mt5-section .product-box > div a {
    display: block;
    width: 120px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #4487cc;
    margin: 20px auto 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #4487cc
}

#m-trading-platform-page .mt5-section .product-box-2 > div a {
    border: 1px solid #93cc44;
    color: #93cc44
}

#m-trading-platform-page .mt5-section .product-box-3 > div a {
    border: 1px solid #fd911a;
    color: #fd911a
}

#m-trading-platform-page .ava-partner {
    margin-top: 32px;
    margin-bottom: 32px
}

#m-trading-platform-page .ava-partner h2 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 10px;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 32px
}

#m-trading-platform-page .ava-partner ul {
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

#m-trading-platform-page .ava-partner ul li {
    width: 33.33333333%;
    margin-bottom: 20px;
    text-align: center
}

#m-trading-platform-page .ava-partner ul li div {
    width: 40px;
    height: 34px;
    background-color: #2f88ca;
    border-radius: 2px;
    border: 1px solid #2f88ca;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 8px
}

#m-trading-platform-page .ava-partner ul li div img {
    width: 20px
}

#m-trading-platform-page .ava-partner ul li p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: -1.5px;
    color: #5b5b5b;
    white-space: nowrap;
    text-align: center
}

#m-trading-platform-page .ava-partner .btn-box div:first-of-type a {
    width: 180px;
    padding: 12px 0;
    background-color: #82bb41;
    border-radius: 2px;
    text-align: center;
    display: block;
    margin: 0 auto 16px;
    font-size: 16px;
    line-height: 1;
    color: #fff
}

#m-trading-platform-page .ava-partner .btn-box div:nth-of-type(2) {
    text-align: center
}

#m-trading-platform-page .ava-partner .btn-box div:nth-of-type(2) a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0;
    color: #5d5d5d
}

#m-trading-platform-page .animate-blue-btn a, #m-trading-platform-page .animate-green-btn a, #m-trading-platform-page .animate-ora-btn a {
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

#m-trading-platform-page .animate-blue-btn a {
    border: 1px solid #4487cc
}

#m-trading-platform-page .animate-green-btn a {
    border: 1px solid #93cc44
}

#m-trading-platform-page .animate-ora-btn a {
    border: 1px solid #f29005
}

#m-trading-platform-page div.animate-blue-btn:hover a, #m-trading-platform-page div.animate-green-btn:hover a, #m-trading-platform-page div.animate-ora-btn:hover a {
    transition: color .5s ease-in-out;
    color: #fff
}

#m-trading-platform-page .animate-blue-btn a:before, #m-trading-platform-page .animate-green-btn a:before, #m-trading-platform-page .animate-ora-btn a:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -127%;
    top: -5px;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#m-trading-platform-page .animate-blue-btn a:before {
    background-color: #4487cc
}

#m-trading-platform-page .animate-green-btn a:before {
    background-color: #93cc44
}

#m-trading-platform-page .animate-ora-btn a:before {
    background-color: #f29005
}

#m-trading-platform-page .animate-blue-btn a:hover:before, #m-trading-platform-page .animate-green-btn a:hover:before, #m-trading-platform-page .animate-ora-btn a:hover:before {
    left: -10%
}

#webtrader .web-trader-btn {
    background-image: url(/static/home/images/button-bg.png)
}

#mobile-webtrader .banner-box {
    padding-top: 28px
}

#mobile-webtrader .banner-title {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 1px
}

#mobile-webtrader .banner-content {
    font-size: 14px;
    padding: 0 16px;
    margin-top: 20px;
    margin-bottom: 48px
}

#mobile-webtrader .banner-pic {
    width: 320px
}

#mobile-webtrader .section-titles {
    font-size: 20px;
    color: #3b3b3b;
    white-space: pre-line;
    text-align: center;
    line-height: 1.3
}

#mobile-webtrader .section-text {
    font-size: 14px;
    letter-spacing: -.15px;
    color: #717171;
    line-height: 1.75
}

#mobile-webtrader .icon-text {
    font-size: 14px;
    line-height: 1.3;
    color: #3b3b3b
}

#mobile-webtrader .section-mt {
    margin-top: 40px
}

#mobile-webtrader .section-title {
    margin-bottom: 16px
}

#mobile-webtrader .mt4-btn {
    display: block;
    margin: 32px auto;
    width: 244px;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 1.6px;
    color: #2297f7;
    border-radius: 9999px;
    border: 1px solid #2297f7;
    text-align: center
}

#mobile-webtrader .icon-1 {
    width: 44px;
    height: 52px
}

#mobile-webtrader .icon-2 {
    height: 48px
}

#mobile-webtrader .icon-box {
    margin-top: 28px
}

#mobile-webtrader .text-line-1 {
    margin-top: 8px
}

#mobile-webtrader .text-line-2 {
    margin-top: 4px
}

#mobile-webtrader .self-bg {
    background-color: #f0f0f0;
    margin-left: -3.3%;
    margin-right: -3.3%;
    padding: 20px 12px 0
}

#mobile-webtrader .tree-pic {
    position: relative;
    left: 32px
}

#mobile-webtrader .light-pic {
    margin: 24px auto 0;
    display: block;
    width: 200px
}

#mobile-webtrader .computer-pic {
    margin-top: 28px;
    margin-bottom: 12px
}

#mobile-webtrader video {
    width: 100%;
    margin: 0 auto
}

#mobile-webtrader .web-trader-btn {
    color: #4094f8;
    border-color: #4094f8;
    background-image: url(/static/home/images/button-bg.png);
    background-position: -500px 0;
    background-repeat: no-repeat;
    transition: background-position 1s ease-in-out, color 1s, border-color .5s
}

#mobile-webtrader .web-trader-btn:hover {
    background-position: 0 0;
    color: #fff;
    transition: background-position 1s, color .8s, border-color .5s
}

#pc-avaoptions .content-demo-btn {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #3874b7 !important
}

#pc-avaoptions .content-demo-btn:hover {
    color: #2559a2 !important
}

#pc-avaoptions a.content-animate-btn {
    font-size: 18px;
    text-decoration: none;
    width: 260px;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #78b539 !important;
    color: #fff
}

#pc-avaoptions a.content-animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#pc-avaoptions a.content-animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539 !important
}

#pc-avaoptions a.content-animate-btn:hover:before {
    left: 127%
}

#pc-avaoptions .video-cover {
    background-image: url(/static/home/images/ava-pc-fm.png);
    background-size: 100% 100%
}

#pc-avaoptions .max-w-7xl {
    max-width: 1200px
}

#pc-avaoptions .if-wrap {
    box-shadow: 0 1px 44px 21px rgba(0, 0, 0, .1)
}

#pc-avaoptions .white-triangle {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 12px solid #fff
}

#pc-avaoptions .pc-title {
    text-align: center;
    font-weight: 700;
    color: #343434;
    font-size: 36px;
    margin: 80px 0 60px
}

#pc-avaoptions .content-wrap-box {
    width: 29%
}

#pc-avaoptions .text-1e {
    color: #1e8df6
}

#pc-avaoptions .real_button_ava {
    width: 260px;
    line-height: 57px;
    background-color: #82bb41;
    border-radius: 4px;
    letter-spacing: 2px
}

#pc-avaoptions .video-play-btn-box:hover .play-button-bg {
    transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    fill: red
}

#pc-avaoptions .pagenation-items {
    border: 1px solid #1e8df6
}

#pc-avaoptions .pagenation-items:hover {
    transform: translateY(1px)
}

#pc-avaoptions .active-item {
    width: 26px;
    background-color: #1187f4;
    transform: scale(1.2)
}

#pc-avaoptions .active-item:hover {
    transform: translateY(1px);
    transform: scale(1.2)
}

#pc-avaoptions .ava-option-phone-pic-slider .swiper-slide {
    font-size: 0
}

#pc-avaoptions .ava-option-phone-pic-slider img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

#pc-avaoptions .pic-slider-box {
    width: 17.5rem
}

#pc-avaoptions .phone-info-slider-box {
    margin-top: 1rem
}

#pc-avaoptions .ava-option-phone-pic-slider {
    width: 17.625rem;
    height: 7.375rem
}

#pc-avaoptions .ava-option-phone-info-slider, #pc-avaoptions .info-slider {
    width: 17.5rem
}

#pc-avaoptions .pic-slider-box {
    width: 23.125rem
}

#pc-avaoptions .ava-option-phone-pic-slider {
    width: 23.125rem;
    height: 9.625rem
}

#pc-avaoptions .ava-option-phone-info-slider, #pc-avaoptions .info-slider {
    width: 23.125rem
}

#pc-avaoptions .ava-option-phone-info-slider, #pc-avaoptions .info-slider, #pc-avaoptions .pic-slider-box {
    width: 37rem
}

#pc-avaoptions .ava-option-phone-pic-slider {
    width: 37rem;
    height: 15.4375rem
}

#pc-avaoptions .list-items-icon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: 7px;
    border-color: transparent transparent transparent #1187f4;
    border-style: solid;
    border-width: 6px 10px
}

#m-avaoptions .text-01 {
    color: #1e8df6;
    margin-botttom: 14px
}

#m-avaoptions .m-avaoptions-real-btn {
    width: 200px;
    line-height: 44px;
    background-color: #82bb41;
    border-radius: 4px;
    letter-spacing: 2px
}

#m-avaoptions .blue-sanjiao {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 12px solid #1184f7
}

#m-avaoptions .m-ava-option-phone-pic-slider .swiper-slide {
    font-size: 0
}

#m-avaoptions .m-ava-option-phone-pic-slider img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

#m-avaoptions .m-pagenation-items {
    width: 12px;
    height: 12px;
    border: 1px solid #1e8df6
}

#m-avaoptions .active-item {
    width: 20px;
    height: 12px;
    background-color: #1e8df6
}

#m-avaoptions .list-items-icon {
    margin-bottom: 11px
}

#m-avaoptions .list-items-icon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: 4px;
    border-color: transparent transparent transparent #1187f4;
    border-style: solid;
    border-width: 6px 10px
}

#m-avaoptions .ava-option-phone-pic-slider .swiper-slide {
    font-size: 0
}

#m-avaoptions .ava-option-phone-pic-slider img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

#m-avaoptions .phone-info-slider-box {
    top: -43px;
    bottom: -8px;
    margin-top: 36px
}

#m-avaoptions .ava-option-phone-info-slider, #m-avaoptions .info-slider {
    width: 100%
}

@media (min-width: 410px) {
    #m-avaoptions .pic-slider-box {
        width: 9rem
    }

    #m-avaoptions .phone-info-slider-box {
        top: -25px;
        margin-top: .5rem
    }

    #m-avaoptions .ava-option-phone-pic-slider {
        top: -1px;
        width: 9rem;
        height: 3.81rem
    }

    #m-avaoptions .ava-option-phone-info-slider, #m-avaoptions .info-slider {
        width: 9.2rem
    }
}

#avatrade-go-content-page .qr-show:hover > div {
    display: block
}

#avatrade-go-content-page .qr-box {
    background-color: #f4faff;
    box-shadow: 0 1px 9px 1px rgba(24, 6, 11, .35);
    border-radius: 6px;
    letter-spacing: .118px
}

#avatrade-go-content-page .download-qr-btn {
    color: #4094f8;
    border-color: #4094f8;
    background-image: url(/static/home/images/button-bg.png);
    background-position: -500px 0;
    background-repeat: no-repeat;
    transition: background-position 1s ease-in-out, color 1s, border-color .5s
}

#avatrade-go-content-page .download-qr-btn:hover {
    background-position: 0 0;
    color: #fff;
    transition: background-position 1s, color .8s, border-color .5s
}

#avatrade-go-content-page .phone-fade-in {
    position: relative;
    left: -50px;
    opacity: 0
}

#avatrade-go-content-page .avatrade-go-page-text-slider-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: 1px solid #1e8df6;
    background-color: #fff;
    margin-right: 20px
}

#avatrade-go-content-page .avatrade-go-page-text-slider-pagination .swiper-pagination-bullet:focus {
    outline: none
}

#avatrade-go-content-page .avatrade-go-page-text-slider-pagination .swiper-pagination-bullet-active {
    width: 26px;
    height: 15px;
    background-color: #1e8df6;
    border-radius: 7.5px
}

#avatrade-go-content-page .avatrade-go-video-play-btn {
    cursor: pointer
}

#avatrade-go-content-page .video-play-btn-box:hover .play-button-bg {
    transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    fill: red
}

#avatrade-go-content-page .real-btn {
    margin: 54px 60px 0 0;
    color: #fff;
    width: 300px;
    line-height: 64px;
    background-color: #82bb41;
    border-radius: 4px;
    letter-spacing: 2px;
    display: inline-block
}

#avatrade-go-content-page .demo-btn {
    width: 136px;
    line-height: 21px;
    text-decoration: underline;
    font-size: 20px;
    letter-spacing: 2px;
    color: #2882c0
}

#m-avatrade-go-content-page .banner {
    margin-top: 32px;
    padding-top: 36px;
    padding-bottom: 210px
}

#m-avatrade-go-content-page .banner h2 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    box-shadow: 0 2px 2px 4px rgba(89, 56, 0, .13);
    margin-bottom: 20px
}

#m-avatrade-go-content-page .banner h3 {
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

#m-avatrade-go-content-page .banner h3:first-of-type {
    margin-bottom: 18px
}

#m-avatrade-go-content-page .section-two {
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px
}

#m-avatrade-go-content-page .section-two h2 {
    font-size: 20px;
    color: #3b3b3b
}

#m-avatrade-go-content-page .section-two .text-slider-box {
    height: 264px
}

#m-avatrade-go-content-page .section-two p {
    font-size: 14px;
    color: #717171;
    margin-top: 20px
}

#m-avatrade-go-content-page .section-two .download-btn {
    margin-top: 30px
}

#m-avatrade-go-content-page .section-two .download-btn div.qr-show {
    width: 244px;
    height: 52px;
    border-radius: 2px;
    border: 1px solid #2297f7;
    margin: 0 auto
}

#m-avatrade-go-content-page .section-two .download-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 244px;
    height: 52px
}

#m-avatrade-go-content-page .section-two .download-btn div:first-of-type {
    margin-bottom: 18px
}

#m-avatrade-go-content-page .section-two .download-btn a:focus {
    outline: none
}

#m-avatrade-go-content-page .section-two .download-btn a:first-of-type span.svg-box {
    margin-right: 16px
}

#m-avatrade-go-content-page .section-two .download-btn a:nth-of-type(2) span.svg-box {
    margin-right: 16px
}

#m-avatrade-go-content-page .section-two .download-btn a span {
    color: #2297f7;
    font-size: 16px
}

#m-avatrade-go-content-page .section-two .download-btn .qr-show .qr-box {
    display: none;
    width: 244px;
    height: 256px;
    background-color: #f3f8fc;
    box-shadow: 0 2px 2px 4px rgba(24, 6, 11, .17);
    padding: 16px 20px 0;
    z-index: 100;
    margin-top: .26264px
}

#m-avatrade-go-content-page .section-two .phone-slider-box {
    margin: 0 auto;
    width: 264px
}

#m-avatrade-go-content-page .section-two .phone-slider-box .phone-pic {
    width: 100%
}

#m-avatrade-go-content-page .section-two .phone-slider-box .phone-pic-slider-box {
    width: 206px;
    margin-left: 28px;
    margin-top: 64px
}

#m-avatrade-go-content-page .section-two .phone-slider-box .phone-pic-slider-box .swiper-slide {
    width: 212px
}

#m-avatrade-go-content-page .section-two .phone-slider-box .phone-pic-slider-box .swiper-slide img {
    width: 100%
}

#m-avatrade-go-content-page .section-two .m-avatrade-go-page-text-slider-pagination {
    margin: 20px 0;
    display: flex;
    justify-content: center
}

#m-avatrade-go-content-page .section-two .m-avatrade-go-page-text-slider-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border: 1px solid #2297f7;
    background-color: #fff;
    margin-left: 16px
}

#m-avatrade-go-content-page .section-two .m-avatrade-go-page-text-slider-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background-color: #2297f7;
    border-radius: 999px
}

#m-avatrade-go-content-page .ava-planning {
    margin-top: 12px;
    margin-bottom: 36px;
    padding: 0 8px
}

#m-avatrade-go-content-page .ava-planning h2 {
    font-size: 20px;
    letter-spacing: -.5px;
    color: #3b3b3b;
    text-align: center
}

#m-avatrade-go-content-page .ava-planning p {
    font-size: 14px;
    line-height: 20px;
    color: #717171;
    margin-top: 20px;
    text-align: center
}

#m-avatrade-go-content-page .ava-planning div {
    margin-top: 36px;
    padding: 0 56px
}

#m-avatrade-go-content-page .ava-planning .phone-fade-in {
    position: relative;
    left: 200%
}

#m-avatrade-go-content-page .video-box {
    margin-bottom: 36px;
    padding: 0 12px
}

#m-avatrade-go-content-page .video-box h2 {
    font-size: 20px;
    letter-spacing: -.5px;
    margin-bottom: 20px;
    text-align: center;
    color: #3b3b3b
}

#m-avatrade-go-content-page .video-box div.video-content {
    position: relative
}

#m-avatrade-go-content-page .video-box div.video-content .m-video-play-btn-box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

#m-avatrade-go-content-page .video-box div.video-content .m-video-play-btn-box .m-avatrade-go-video-play-btn {
    width: 40px;
    z-index: 100
}

#m-avatrade-go-content-page .confidence {
    margin-bottom: 18px
}

#m-avatrade-go-content-page .confidence h2 {
    font-size: 20px;
    letter-spacing: -.5px;
    color: #3b3b3b;
    margin-bottom: 24px;
    text-align: center
}

#m-avatrade-go-content-page .confidence .items-list {
    display: flex;
    justify-content: space-around
}

#m-avatrade-go-content-page .confidence .items-list .items div {
    margin-bottom: 8px
}

#m-avatrade-go-content-page .confidence .items-list .items img {
    margin: 0 auto;
    display: block
}

#m-avatrade-go-content-page .confidence .items-list .items:first-of-type img {
    height: 56px
}

#m-avatrade-go-content-page .confidence .items-list .items:nth-of-type(2) div {
    padding: 4px 0
}

#m-avatrade-go-content-page .confidence .items-list .items:nth-of-type(2) img {
    width: 56px;
    height: 48px
}

#m-avatrade-go-content-page .confidence .items-list .items:nth-of-type(3) div {
    padding: 12px 0
}

#m-avatrade-go-content-page .confidence .items-list .items:nth-of-type(3) img {
    width: 64px;
    height: 32px
}

#m-avatrade-go-content-page .confidence .items-list .items p {
    font-size: 12px;
    line-height: 20px;
    color: #3b3b3b;
    text-align: center
}

#m-avatrade-go-content-page .m-real-btn {
    background-color: #82bb41;
    color: #fff
}

#m-avatrade-go-content-page .m-demo-btn, #m-avatrade-go-content-page .m-real-btn {
    font-size: 16px;
    display: block;
    width: 246px;
    line-height: 52px;
    border-radius: 4px;
    letter-spacing: 3px
}

#m-avatrade-go-content-page .m-demo-btn {
    text-decoration: underline;
    color: #2882c0
}

#m-mt5 .swiper-wrapper {
    transition-timing-function: linear
}

#m-mt5 .blocks {
    display: block
}

#m-mt5 .ios_button {
    background-color: #343434
}

#m-mt5 .android_button, #m-mt5 .ios_button {
    font-size: 16px;
    color: #fff;
    width: 180px;
    line-height: 37px;
    border-radius: 4px
}

#m-mt5 .android_button {
    background-color: #2583c2
}

#m-mt5 .msupplier-box {
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(2, 72, 144, .27);
    border-radius: 4px
}

#m-mt5 .madvantage-box {
    margin-top: 20px
}

#m-mt5 .mpostion-san {
    position: absolute;
    left: 0;
    top: 1px;
    color: #eb8a15
}

#m-mt5 .m-bg {
    background-image: url(/static/home/images/m-mt5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#m-mt5 .roun-orage {
    border-radius: 100%;
    top: 12px;
    width: 4px;
    height: 4px;
    background-color: #f98d23
}

#m-mt5 .mdemo_buttons, #m-mt5 .mreal_buttons {
    display: block;
    width: 180px;
    line-height: 37px;
    border-radius: 4px
}

#m-mt5 .mreal_buttons {
    color: #fff;
    background-color: #82bb41
}

#m-mt5 .mdemo_buttons {
    color: #5b5b5b
}

#autochartist .modal-mask {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease
}

#autochartist .modal-container {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
    border-radius: .5rem
}

#autochartist .modal-body {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

#autochartist .tc-card {
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    margin-top: 2rem
}

#autochartist .tc-items {
    border-width: 1px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-color: #dae1e7;
    border-radius: 3px;
    overflow: hidden
}

#autochartist .tc-title {
    font-weight: 400;
    --text-opacity: 1;
    color: #f8fafc;
    color: rgba(248, 250, 252, var(--text-opacity));
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: #2649a1;
    padding: 4px 0
}

#autochartist .tc-table {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

#autochartist .tc-tr {
    line-height: 1.2
}

#autochartist .tc-tr:nth-child(odd) {
    background: #f6f6f6
}

#autochartist .tc-tr:nth-child(2n) {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

#autochartist .tc-tr:hover {
    --bg-opacity: 1;
    background-color: #f8fafc;
    background-color: rgba(248, 250, 252, var(--bg-opacity))
}

#autochartist .tc-table-title-en {
    width: 32%;
    padding: 6px 8px
}

#autochartist .tc-table-title-cn {
    width: 27%
}

#autochartist .tc-table-handle {
    width: 25%
}

#autochartist .tc-table-handle a, #autochartist .tc-table-title-cn, #autochartist .tc-table-title-en {
    font-size: 14px
}

#autochartist .tc-table-handle {
    text-align: right
}

#autochartist .tc-table-handle a {
    padding-right: 12px;
    font-size: 14px;
    color: #3874b8
}

#autochartist .tc-table-handle a:hover {
    color: #eb9c0b
}

#autochartist .tc-layout-widget .layout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.875rem;
    line-height: 2;
    font-weight: 700;
    --text-opacity: 1;
    color: #f8fafc;
    color: rgba(248, 250, 252, var(--text-opacity));
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-image: linear-gradient(0deg, #373b56, #3a3e59)
}

#autochartist .tc-layout-widget .loading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 25rem
}

#autochartist .tc-layout-widget .layout-card {
    border-width: 1px;
    overflow-y: scroll;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

#autochartist .tc-layout-widget .layout-card::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    border-radius: .5rem
}

#autochartist .tc-layout-widget .layout-card::-webkit-scrollbar-track {
    --bg-opacity: 1;
    background-color: #f8fafc;
    background-color: rgba(248, 250, 252, var(--bg-opacity));
    border-radius: 9999px
}

#autochartist .tc-layout-widget .layout-card::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background: #aecfe3
}

#autochartist .tc-layout-widget .layout-card::-webkit-scrollbar-thumb:hover {
    background: #aecfe3
}

#autochartist .tc-layout-widget .layout-card::-webkit-scrollbar-corner {
    --bg-opacity: 1;
    background-color: #f8fafc;
    background-color: rgba(248, 250, 252, var(--bg-opacity))
}

#autochartist .tc-layout-widget .layout-card .no-data {
    text-align: center;
    font-size: 2.25rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#autochartist .tc-layout-widget .layout-card .layout-items {
    padding-left: 1rem;
    padding-right: 1rem
}

#autochartist .tc-layout-widget .layout-card .layout-items:hover {
    --bg-opacity: 1;
    background-color: #f8fafc;
    background-color: rgba(248, 250, 252, var(--bg-opacity))
}

#autochartist .tc-layout-widget .layout-card .layout-items .layout-item-left .layout-header-en {
    padding-right: 1rem
}

#autochartist .layout-card .layout-items .layout-item-right, #autochartist .tc-layout-widget .layout-card .layout-items .layout-item-left {
    --text-opacity: 1;
    color: #3d4852;
    color: rgba(61, 72, 82, var(--text-opacity))
}

#autochartist .layout-card .layout-items .layout-item-left .item-title {
    font-size: 1rem;
    padding-top: .625rem;
    padding-bottom: .625rem
}

#autochartist .layout-card .layout-items .layout-item-left .item-time {
    padding-bottom: .625rem
}

#autochartist .layout-card .layout-items .layout-item-left .item-description {
    font-size: .875rem;
    line-height: 1.25
}

@media (min-width: 768px) {
    #autochartist .tc-title {
        font-weight: 400;
        --text-opacity: 1;
        color: #f8fafc;
        color: rgba(248, 250, 252, var(--text-opacity));
        font-size: 20px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        background-color: #2649a1;
        padding: .6rem 0;
        border-radius: 3px
    }

    #autochartist .tc-table-title-en {
        padding: 6px 8px;
        width: auto
    }

    #autochartist .tc-table-handle a {
        padding-right: .5rem
    }

    #autochartist .tc-table-handle a, #autochartist .tc-table-title-cn, #autochartist .tc-table-title-en {
        font-size: 16px
    }

    #autochartist .tc-table-handle, #autochartist .tc-table-title-cn {
        width: auto
    }
}

.lp-stock-banner-text {
    padding: 56px 0 64px
}

.btn-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

@-webkit-keyframes banner-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

.lp-stock-real-from-content {
    margin-left: auto;
    margin-right: auto;
    padding: 28px 16px 24px 20px;
    z-index: 30;
    position: relative
}

.lp-stock-real-form-alert {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.lp-stock-real-form-alert .form-box {
    background-color: #fff
}

@media (min-width: 768px) {
    .lp-stock-real-from-content {
        width: 420px;
        width: 88%;
        border-radius: 4px;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        padding: 1.75rem 1.25rem 1.25rem;
        margin-left: auto;
        margin-right: auto
    }
}

#stock-landing-page .banner-text-shadow {
    text-shadow: 3px 6px 25px rgba(0, 0, 0, .2)
}

#stock-landing-page .banner-title-shadow {
    text-shadow: 2px 4px 7px #0d304d
}

#m-stock-landing-page .hidden {
    display: none
}

#m-stock-landing-page .banner-text-shadow {
    text-shadow: 0 2px 4px #0d304d
}

#m-stock-landing-page .banner-title-shadow {
    text-shadow: 0 4px 13px rgba(0, 0, 0, .2)
}

#lp_regulated-broker_page .line-1 {
    line-height: 1
}

#lp_regulated-broker_page .top_header {
    background-color: #0d304d
}

#lp_regulated-broker_page .text-f99 {
    color: #f99601
}

#lp_regulated-broker_page .jianguan_list li {
    line-height: 50px
}

#lp_regulated-broker_page .ping_list li {
    line-height: 45px
}

#lp_regulated-broker_page .box-icon {
    width: 20%
}

#lp_regulated-broker_page .footer {
    height: 60px;
    background-color: #293237
}

#m-regulated-broker-page .text-f99 {
    color: #f99601
}

#m-regulated-broker-page .shaodws {
    box-shadow: 0 4px 7px 0 #0d304d
}

#m-regulated-broker-page .form-shadow {
    box-shadow: 0 3px 18px 3px rgba(14, 7, 11, .14)
}

#m-regulated-broker-page .jg_bg {
    background-image: url(/static/home/images/mjiang.png);
    background-size: 100% 100%
}

#m-regulated-broker-page .icons-img {
    width: 3%;
    left: 9px;
    top: 6px
}

#m-regulated-broker-page .m-jg-list li {
    line-height: 24px
}

#m-regulated-broker-page .icons-box {
    margin-bottom: 20px
}

#m-regulated-broker-page .icons-box img {
    width: 20%
}

.lp_regulated-broker_page_real-form {
    margin-left: auto;
    margin-right: auto;
    padding: 28px 16px 24px 20px;
    z-index: 30;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 2px;
    height: 541px;
    width: 352px;
    box-shadow: 0 3px 18px 3px rgba(14, 7, 11, .14);
    margin-top: -72px
}

@media (min-width: 768px) {
    .lp_regulated-broker_page_real-form {
        border-radius: 4px;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        padding: 1.75rem 1.25rem 1.25rem;
        box-shadow: none;
        margin-left: 0;
        margin-right: 0;
        width: 421px;
        height: 552px;
        margin-top: 0
    }
}

#mt5-landing-page .banner-text-shadow {
    text-shadow: 3px 6px 25px rgba(0, 0, 0, .2)
}

#mt5-landing-page .banner-title-shadow {
    text-shadow: 2px 4px 7px #0d304d
}

#mt5-landing-page .button-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

#mt5-landing-page .swiper-button-prev {
    background-image: url(/static/home/images/slider-btn-left.png);
    left: 0
}

#mt5-landing-page .swiper-button-next, #mt5-landing-page .swiper-button-prev {
    width: 36px;
    height: 72px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -32px
}

#mt5-landing-page .swiper-button-next {
    background-image: url(/static/home/images/slider-btn-right.png);
    right: 0
}

#mt5-landing-page .swiper-button-next:after, #mt5-landing-page .swiper-button-prev:after, #mt5-landing-page .swiper-container-rtl .swiper-button-next:after, #mt5-landing-page .swiper-container-rtl .swiper-button-prev:after {
    content: none
}

#m-mt5-landing-page {
    font-family: PingFang SC
}

#m-mt5-landing-page .banner-text-shadow {
    text-shadow: 0 4px 13px rgba(0, 0, 0, .2)
}

#m-mt5-landing-page .banner-title-shadow {
    text-shadow: 0 4px 7px #0d304d
}

#m-mt5-landing-page a.text-blue-1335 {
    color: #133553
}

#m-mt5-landing-page .button-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

#m-mt5-landing-page .swiper-button-prev {
    background-image: url(/static/home/images/slider-btn-left.png);
    left: 0
}

#m-mt5-landing-page .swiper-button-next, #m-mt5-landing-page .swiper-button-prev {
    width: 18px;
    height: 36px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -18px
}

#m-mt5-landing-page .swiper-button-next {
    background-image: url(/static/home/images/slider-btn-right.png);
    right: 0
}

#m-mt5-landing-page .swiper-button-next:after, #m-mt5-landing-page .swiper-button-prev:after, #m-mt5-landing-page .swiper-container-rtl .swiper-button-next:after, #m-mt5-landing-page .swiper-container-rtl .swiper-button-prev:after {
    content: none
}

.lp-mt5-landing-page-real-form {
    width: 352px;
    margin-left: auto;
    margin-right: auto;
    padding: 28px 16px 24px 20px;
    z-index: 30;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    margin-top: -72px;
    box-shadow: 0 2px 9px 1px rgba(14, 7, 11, .14);
    border-radius: 2px
}

@media (min-width: 768px) {
    .lp-mt5-landing-page-real-form {
        width: 420px;
        border-radius: 4px;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        padding: 1.75rem 1.25rem 1.25rem;
        margin-top: 0;
        box-shadow: none
    }
}

#register-real-landing-page .banner {
    background: none
}

#register-real-landing-page .banner-text-shadow {
    text-shadow: 0 2px 4px #052038
}

#register-real-landing-page .banner-form-shadow {
    box-shadow: 0 2px 9px 1px rgba(14, 7, 11, .14)
}

#register-real-landing-page .banner-info {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 100%
}

#register-real-landing-page .banner-title-shadow {
    text-shadow: 4px 10px 27px #01101a
}

#register-real-landing-page .product-list {
    display: grid;
    grid-gap: 20px 12px;
    grid-template-columns:repeat(2, 1fr);
    justify-content: space-between
}

#register-real-landing-page .why-choose-ava {
    background-image: url(/static/home/images/why-choose-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

#register-real-landing-page .why-choose-ava ul {
    display: grid;
    grid-gap: 12px 0;
    grid-auto-rows: minmax(60px, auto);
    grid-template-columns:repeat(1, 1fr);
    justify-content: space-between;
    color: #fff
}

#register-real-landing-page .lp-real-register-landing-page-real-form {
    width: 93%;
    margin: -36px auto 0
}

@media (min-width: 1200px) {
    #register-real-landing-page .lp-real-register-landing-page-real-form {
        margin: 0;
        width: 420px
    }

    #register-real-landing-page .banner {
        background-image: url(/static/home/images/banner-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top
    }

    #register-real-landing-page .banner-info {
        background: none;
        width: auto
    }

    #register-real-landing-page .banner-title-shadow {
        text-shadow: 4px 10px 27px #01101a
    }

    #register-real-landing-page .product-list {
        display: grid;
        grid-gap: 0 28px;
        grid-template-columns:repeat(4, 1fr);
        justify-content: space-between
    }

    #register-real-landing-page .why-choose-ava {
        background-image: url(/static/home/images/why-choose-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top
    }

    #register-real-landing-page .why-choose-ava ul {
        display: grid;
        grid-gap: 40px 116px;
        grid-auto-rows: minmax(230px, 236px);
        grid-template-columns:repeat(3, 1fr);
        justify-content: space-between;
        color: #5a5a5a
    }

    #register-real-landing-page .why-choose-ava ul li {
        display: block
    }

    #register-real-landing-page .why-choose-ava ul > li:nth-of-type(2) {
        margin-left: 0
    }

    #register-real-landing-page .why-choose-ava ul li img {
        margin: 0
    }

    #register-real-landing-page .pc-hidden {
        display: none
    }
}

#gold-landing-page {
    font-family: system-ui
}

#gold-landing-page .banner-text-shadow {
    text-shadow: 0 7px 25px rgba(0, 0, 0, .2)
}

#gold-landing-page .banner-form-bg {
    background-color: rgba(10, 34, 104, .6);
    box-shadow: 0 5px 16px 0 #020f3a
}

#gold-landing-page .leading-1 {
    line-height: 1
}

#gold-landing-page .real-b {
    width: 400px;
    line-height: 86px;
    background-color: #f9a100;
    box-shadow: 1px 3px 7px 0 rgba(1, 44, 126, .35);
    border-radius: 43px;
    letter-spacing: 1px
}

#gold-landing-page .button-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

#gold-landing-page .footer-btn {
    margin-top: 35px;
    margin-bottom: 27px;
    width: 360px;
    line-height: 70px;
    background-color: #f9a100;
    box-shadow: 1px 3px 7px 0 rgba(1, 44, 126, .35);
    border-radius: 35px
}

#m-gold-landing-page .banner {
    background-image: url(/static/home/images/mb.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

#m-gold-landing-page .title-shadow {
    text-shadow: 0 2px 4px #0a2268
}

#m-gold-landing-page .text-shadow {
    text-shadow: 0 4px 13px rgba(0, 0, 0, .2)
}

#m-gold-landing-page .why-list {
    display: grid;
    grid-gap: 8px 0;
    grid-template-columns:repeat(2, 1fr);
    justify-content: space-between
}

#m-gold-landing-page .card-jd {
    background-image: url(/static/home/images/jd-card-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 292px;
    height: 180px
}

#m-gold-landing-page .account-gift-box {
    width: 292px
}

#m-gold-landing-page .flow-box {
    display: grid;
    grid-gap: 14px 52px;
    grid-template-columns:repeat(2, 1fr);
    justify-content: space-between
}

#m-gold-landing-page .gold-2021 li:first-of-type {
    background-image: url(/static/home/images/mpic1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 264px;
    height: 144px;
    margin: 0 auto 12px
}

#m-gold-landing-page .gold-2021 li:nth-of-type(2) {
    background-image: url(/static/home/images/mpic2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 264px;
    height: 144px;
    margin: 0 auto 16px
}

#m-gold-landing-page .gold-2021 li:nth-of-type(3) {
    background-image: url(/static/home/images/mpic3.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 264px;
    height: 144px;
    margin: 0 auto 8px
}

#m-gold-landing-page .gold-btn-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: gold-button-animate 1.2s linear 1s infinite;
    color: #fff
}

#m-gold-landing-page .gold-btn-scale:active {
    color: #fff
}

@-webkit-keyframes gold-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@keyframes gold-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    50% {
        transform: scale(1.2);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

#ea-landing-page {
    font-family: system-ui
}

#ea-landing-page .banner-text-shadow {
    text-shadow: 0 7px 25px rgba(0, 0, 0, .2)
}

#ea-landing-page .banner-form-bg {
    background-color: rgba(10, 34, 104, .6);
    box-shadow: 0 5px 16px 0 #020f3a
}

#ea-landing-page .swal2-title {
    font-size: 18px !important
}

#ea-landing-page .swal2-container {
    font-size: 14px !important
}

#ea-landing-page div#alert-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50
}

#ea-landing-page div#alert-cover .alert-window-box {
    position: relative;
    width: 80%;
    max-width: 370px;
    background-color: #fff;
    border-radius: 6px
}

#ea-landing-page div#alert-cover .alert-window-box button, #ea-landing-page div#alert-cover .alert-window-box h3, #ea-landing-page div#alert-cover .alert-window-box input, #ea-landing-page div#alert-cover .alert-window-box span {
    font-family: Microsoft YaHei !important
}

#ea-landing-page div#alert-cover .alert-window-box .form-content-box {
    padding: 24px 20px 32px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#ea-landing-page div#alert-cover .alert-window-box .form-content-box form {
    margin: 0
}

#ea-landing-page div#alert-cover .alert-window-box .form-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #2e2e2e
}

#ea-landing-page div#alert-cover .alert-window-box .alert-close-btn {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 10px
}

#ea-landing-page div#alert-cover .alert-window-box .alert-close-btn .close-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    border-radius: 12.5px
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field {
    margin-bottom: 16px;
    border-radius: 4px
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field input {
    text-indent: 0;
    line-height: 44px;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    border: 1px solid #999;
    -webkit-appearance: none;
    box-shadow: none
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field input::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field input:-ms-input-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field input::placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .phone-code-box input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 16px
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 16px
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#ea-landing-page div#alert-cover .alert-window-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#ea-landing-page div#alert-cover .alert-window-box .form-button {
    padding-top: 12px
}

#ea-landing-page div#alert-cover .alert-window-box .form-submit-btn {
    width: 100%;
    height: 44px;
    color: #fff;
    padding: 4px 40px;
    background-color: #8db83c;
    box-shadow: 0 1px 0 0 rgba(39, 98, 8, .77);
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4px;
    font-family: Microsoft YaHei
}

#ea-landing-page div#alert-cover .alert-window-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

#ea-landing-page .banner-form-box {
    position: relative;
    border-radius: 6px
}

#ea-landing-page .banner-form-box button, #ea-landing-page .banner-form-box h3, #ea-landing-page .banner-form-box input, #ea-landing-page .banner-form-box span {
    font-family: PingFang SC !important
}

#ea-landing-page .banner-form-box .form-content-box {
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#ea-landing-page .banner-form-box .form-content-box form {
    margin: 0
}

#ea-landing-page .banner-form-box .form-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff
}

#ea-landing-page .banner-form-box .form-items-field {
    margin-bottom: 16px;
    border-radius: 4px
}

#ea-landing-page .banner-form-box .form-items-field input {
    text-indent: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    border: 1px solid #999;
    -webkit-appearance: none;
    box-shadow: none
}

#ea-landing-page .banner-form-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#ea-landing-page .banner-form-box .form-items-field input::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-landing-page .banner-form-box .form-items-field input:-ms-input-placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-landing-page .banner-form-box .form-items-field input::placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-landing-page .banner-form-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent;
    background-color: #fff
}

#ea-landing-page .banner-form-box .form-items-field .phone-code-box input {
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#ea-landing-page .banner-form-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 16px
}

#ea-landing-page .banner-form-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#ea-landing-page .banner-form-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 16px
}

#ea-landing-page .banner-form-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#ea-landing-page .banner-form-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#ea-landing-page .banner-form-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#ea-landing-page .banner-form-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#ea-landing-page .banner-form-box .form-submit-btn {
    width: 100%;
    height: 60px;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    background-image: linear-gradient(180deg, #f3963e, #ff8614), linear-gradient(#f3963e, #f3963e);
    box-shadow: 0 1px 0 0 rgba(39, 98, 8, .77);
    border-radius: 4px;
    font-size: 18px
}

#ea-landing-page .banner-form-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

#ea-m-lading-page .m-banner-bg {
    padding: 84px 0 78px;
    background-image: url(/static/home/images/m-banner-bg.png);
    background-size: 100% 100%
}

#ea-m-lading-page .form-btn {
    width: 206px;
    line-height: 43px;
    background-image: linear-gradient(180deg, #f3963e, #ff8614), linear-gradient(#f3963e, #f3963e);
    background-blend-mode: normal, normal;
    border-radius: 43px
}

#ea-m-lading-page .line-ora {
    width: 34px;
    height: 4px;
    background-color: #f3963e
}

#ea-m-lading-page .banner-form-bg {
    background-color: rgba(10, 34, 104, .6);
    box-shadow: 0 5px 16px 0 #020f3a
}

#ea-m-lading-page .swal2-title {
    font-size: 18px !important
}

#ea-m-lading-page .swal2-container {
    font-size: 14px !important
}

#ea-m-lading-page div#alert-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50
}

#ea-m-lading-page div#alert-cover .alert-window-box {
    position: relative;
    width: 80%;
    max-width: 370px;
    background-color: #fff;
    border-radius: 6px
}

#ea-m-lading-page div#alert-cover .alert-window-box button, #ea-m-lading-page div#alert-cover .alert-window-box h3, #ea-m-lading-page div#alert-cover .alert-window-box input, #ea-m-lading-page div#alert-cover .alert-window-box span {
    font-family: Microsoft YaHei !important
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-content-box {
    padding: 24px 20px 32px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-content-box form {
    margin: 0
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #2e2e2e
}

#ea-m-lading-page div#alert-cover .alert-window-box .alert-close-btn {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 10px
}

#ea-m-lading-page div#alert-cover .alert-window-box .alert-close-btn .close-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    color: #d4d4d4;
    border: 1px solid #d4d4d4;
    border-radius: 12.5px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field {
    margin-bottom: 16px;
    border-radius: 4px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field input {
    text-indent: 0;
    line-height: 44px;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    border: 1px solid #999;
    -webkit-appearance: none;
    box-shadow: none
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field input::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field input:-ms-input-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field input::placeholder {
    color: #8e8e8e;
    opacity: 1
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .phone-code-box input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 16px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 16px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-button {
    padding-top: 12px
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-submit-btn {
    width: 100%;
    height: 44px;
    color: #fff;
    padding: 4px 40px;
    background-color: #8db83c;
    box-shadow: 0 1px 0 0 rgba(39, 98, 8, .77);
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4px;
    font-family: Microsoft YaHei
}

#ea-m-lading-page div#alert-cover .alert-window-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

#ea-m-lading-page .banner-form-box {
    position: relative;
    border-radius: 6px
}

#ea-m-lading-page .banner-form-box button, #ea-m-lading-page .banner-form-box h3, #ea-m-lading-page .banner-form-box input, #ea-m-lading-page .banner-form-box span {
    font-family: PingFang SC !important
}

#ea-m-lading-page .banner-form-box .form-content-box {
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#ea-m-lading-page .banner-form-box .form-content-box form {
    margin: 0
}

#ea-m-lading-page .banner-form-box .form-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff
}

#ea-m-lading-page .banner-form-box .form-items-field {
    margin-bottom: 16px;
    border-radius: 4px
}

#ea-m-lading-page .banner-form-box .form-items-field input {
    text-indent: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    border: 1px solid #999;
    -webkit-appearance: none;
    box-shadow: none
}

#ea-m-lading-page .banner-form-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#ea-m-lading-page .banner-form-box .form-items-field input::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-m-lading-page .banner-form-box .form-items-field input:-ms-input-placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-m-lading-page .banner-form-box .form-items-field input::placeholder {
    color: #8e8e8e;
    opacity: 1;
    font-size: 16px
}

#ea-m-lading-page .banner-form-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent;
    background-color: #fff
}

#ea-m-lading-page .banner-form-box .form-items-field .phone-code-box input {
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#ea-m-lading-page .banner-form-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 16px
}

#ea-m-lading-page .banner-form-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#ea-m-lading-page .banner-form-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 16px
}

#ea-m-lading-page .banner-form-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#ea-m-lading-page .banner-form-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#ea-m-lading-page .banner-form-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#ea-m-lading-page .banner-form-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#ea-m-lading-page .banner-form-box .form-submit-btn {
    width: 100%;
    height: 60px;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    background-image: linear-gradient(180deg, #f3963e, #ff8614), linear-gradient(#f3963e, #f3963e);
    box-shadow: 0 1px 0 0 rgba(39, 98, 8, .77);
    border-radius: 4px;
    font-size: 18px
}

#ea-m-lading-page .banner-form-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

#trading-central-landing-page div, #trading-central-landing-page h1, #trading-central-landing-page h2, #trading-central-landing-page h3, #trading-central-landing-page p, #trading-central-landing-page span {
    font-family: system-ui
}

#trading-central-landing-page .m-banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

#trading-central-landing-page .banner-title-shadow {
    text-shadow: 2px 5px 6px #0c0f88
}

#trading-central-landing-page .form-shadow {
    box-shadow: 0 2px 9px 1px rgba(14, 7, 11, .14);
    border-radius: 2px
}

#trading-central-landing-page .product-grid {
    display: grid;
    grid-template-columns:repeat(2, 168px);
    justify-content: center;
    grid-column-gap: 16px;
    grid-row-gap: 20px
}

#trading-central-landing-page .m-why {
    background-image: url(/static/home/images/m-why-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

@media (min-width: 1200px) {
    #trading-central-landing-page .text-pc-left-m-center {
        text-align: left
    }

    #trading-central-landing-page .banner {
        background-image: url(/static/home/images/banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top
    }

    #trading-central-landing-page .m-banner {
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top
    }

    #trading-central-landing-page .product-grid {
        display: grid;
        grid-template-columns:repeat(4, 280px);
        justify-content: space-between
    }

    #trading-central-landing-page .pc-hidden {
        display: none
    }
}

#investing-landing-page .investing-slider-pagination span {
    background-color: #fff;
    opacity: 1;
    width: 8px;
    height: 8px
}

#investing-landing-page .investing-slider-pagination span.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px
}

#investing-landing-page .pc-slider-box {
    display: none
}

@media (min-width: 1200px) {
    #investing-landing-page .pc-slider-box {
        display: block
    }
}

#ava-advantages-landing-page {
    font-family: system-ui
}

#ava-advantages-landing-page .text-centers {
    text-align: center
}

#ava-advantages-landing-page .w-224px {
    width: 224px
}

#ava-advantages-landing-page .form-shaow {
    box-shadow: 0 1px 9px 1px rgba(13, 8, 11, .14);
    border-radius: 2px;
    margin-top: -35px
}

#ava-advantages-landing-page .px-6 {
    padding-left: 0;
    padding-right: 0
}

#ava-advantages-landing-page .px-2 {
    padding-left: 1rem;
    padding-right: 1rem
}

#ava-advantages-landing-page .flexs {
    display: flex
}

#ava-advantages-landing-page .m-banner {
    background-image: url(/static/home/images/mbannerbg.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

#ava-advantages-landing-page .m-banner .list-box li:first-of-type {
    background-image: url(/static/home/images/m-span-bg-1.png);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat
}

#ava-advantages-landing-page .m-banner .list-box li:nth-of-type(2) {
    background-image: url(/static/home/images/m-span-bg-2.png);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat
}

#ava-advantages-landing-page .m-banner .list-box li:nth-of-type(3) {
    background-image: url(/static/home/images/m-span-bg-3.png);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat
}

#ava-advantages-landing-page .global-products {
    display: grid;
    grid-template-columns:repeat(2, 47.5%);
    grid-row-gap: 16px;
    justify-content: space-between
}

#ava-advantages-landing-page .choose-ava-list {
    display: grid;
    grid-template-columns:repeat(2, 50%);
    justify-content: space-between;
    grid-row-gap: 24px
}

@media (min-width: 1200px) {
    #ava-advantages-landing-page .form-shaow {
        box-shadow: none;
        border-radius: 4px;
        margin-top: 0
    }

    #ava-advantages-landing-page .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    #ava-advantages-landing-page .px-2 {
        padding-right: 0;
        padding-left: 0
    }

    #ava-advantages-landing-page .flexs {
        display: none
    }

    #ava-advantages-landing-page .text-centers {
        text-align: left
    }

    #ava-advantages-landing-page .m-banner {
        background-image: none
    }

    #ava-advantages-landing-page .m-banner .list-box li:first-of-type {
        background-image: url(/static/home/images/m-span-bg-1.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .m-banner .list-box li:nth-of-type(2) {
        background-image: url(/static/home/images/m-span-bg-2.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .m-banner .list-box li:nth-of-type(3) {
        background-image: url(/static/home/images/m-span-bg-3.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .banner {
        background-image: url(/static/home/images/pcbannerbg.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .banner .list-box li:first-of-type {
        background-image: url(/static/home/images/pc-span-bg-3.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .banner .list-box li:nth-of-type(2) {
        background-image: url(/static/home/images/pc-span-bg-2.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .banner .list-box li:nth-of-type(3) {
        background-image: url(/static/home/images/pc-span-bg-1.png);
        background-size: contain;
        background-position: 0;
        background-repeat: no-repeat
    }

    #ava-advantages-landing-page .global-products {
        display: grid;
        grid-template-columns:repeat(4, 280px);
        grid-row-gap: 0;
        justify-content: space-between
    }

    #ava-advantages-landing-page .platform-list {
        display: grid;
        grid-template-columns:repeat(2, 584px);
        grid-row-gap: 12px;
        justify-content: space-between
    }

    #ava-advantages-landing-page .choose-ava-list {
        display: grid;
        grid-template-columns:repeat(4, 240px);
        justify-content: space-between;
        grid-row-gap: 40px
    }
}

#dygold-landing-page .banner {
    background-image: url(/static/home/images/ydgold-m-bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

#dygold-landing-page .demo-form-box {
    box-shadow: 0 2px 13px 1px rgba(26, 100, 202, .25);
    border-radius: 5px
}

#dygold-landing-page .text-shadow {
    text-shadow: 0 2px 4px rgba(10, 34, 104, .7)
}

@media (min-width: 1200px) {
    #dygold-landing-page .banner-pc {
        background-image: url(/static/home/images/pb.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover
    }

    #dygold-landing-page .xl\:mx-0 {
        margin: 0
    }
}

#bolt-launch-landing-page {
    font-family: system-ui
}

#bolt-launch-landing-page .video-player-box {
    background-color: rgba(0, 0, 0, .5)
}

#bolt-launch-landing-page .video-player-box .video-player {
    max-width: 800px;
    width: 100%
}

#bolt-launch-landing-page .banner {
    background-image: url(/static/home/images/m-banner-new.png);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat
}

#bolt-launch-landing-page a.content-animate-btn {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    width: 230px;
    border-radius: 999px;
    padding: 12px 0;
    letter-spacing: 1px;
    line-height: 1;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent
}

#bolt-launch-landing-page a.content-animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #eb9b31 !important
}

#bolt-launch-landing-page a.content-animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #eb9b31;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#bolt-launch-landing-page a.content-animate-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #eb9b31;
    border-radius: 999px;
    box-sizing: border-box
}

#bolt-launch-landing-page a.content-animate-btn:hover:before {
    left: -130%
}

#bolt-launch-landing-page a.page-content-animate-btn {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    width: 240px;
    border-radius: 999px;
    padding: 16px 0;
    letter-spacing: 1px;
    line-height: 1;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent
}

#bolt-launch-landing-page a.page-content-animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #eb9b31 !important
}

#bolt-launch-landing-page a.page-content-animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #eb9b31;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#bolt-launch-landing-page a.page-content-animate-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #eb9b31;
    border-radius: 999px;
    box-sizing: border-box
}

#bolt-launch-landing-page a.page-content-animate-btn:hover:before {
    left: 130%
}

#bolt-launch-landing-page .text-center-mode {
    text-shadow: 0 2px 3px #142638;
    text-align: center;
    color: #fff
}

#bolt-launch-landing-page .text-center-mode h1 {
    font-size: 28px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin-bottom: 12px;
    font-weight: 700
}

#bolt-launch-landing-page .text-center-mode h2 {
    font-size: 22px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin-bottom: 12px
}

#bolt-launch-landing-page .list-white-dot {
    font-size: 14px;
    line-height: 1.625;
    letter-spacing: 1px;
    color: #5a5a5a;
    padding-left: 4px
}

#bolt-launch-landing-page .list-white-dot li {
    display: flex;
    align-items: flex-start
}

#bolt-launch-landing-page .list-white-dot li span {
    margin-right: 8px;
    width: 6px;
    height: 6px;
    background-color: #1187f4;
    border-radius: 99px;
    position: relative;
    top: 8px
}

#bolt-launch-landing-page .list-white-dot li p {
    flex: 1
}

#bolt-launch-landing-page .video-mode-curren {
    position: relative
}

#bolt-launch-landing-page .video-mode-curren .cover {
    z-index: 30;
    position: relative
}

#bolt-launch-landing-page .video-mode-curren .cover > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#bolt-launch-landing-page .video-mode-curren .cover > div img {
    width: 52px;
    height: 52px
}

#bolt-launch-landing-page .video-mode-curren .video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#bolt-launch-landing-page .video-mode-curren .video-box video {
    width: 100%
}

#bolt-launch-landing-page .question {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    background-color: #fff
}

#bolt-launch-landing-page .question ul li {
    padding: 8px 0 8px 16px;
    border-top: 1px solid #e9e9e9
}

#bolt-launch-landing-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#bolt-launch-landing-page .question .question-items span {
    width: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #1187f4
}

#bolt-launch-landing-page .question .answer-items {
    display: none;
    padding-left: 28px;
    padding-right: 32px;
    margin-top: 0
}

#bolt-launch-landing-page .question h4 {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 24px
}

#bolt-launch-landing-page .question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.65;
    letter-spacing: 1px;
    color: #5a5a5a
}

#bolt-launch-landing-page .section-2 {
    padding-right: 20px;
    padding-left: 20px
}

#bolt-launch-landing-page .success {
    background-image: url(/static/home/images/pc-sec-3-pic-new.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto
}

#bolt-launch-landing-page .success .max-w-600px {
    background-color: #082838
}

#bolt-launch-landing-page .z-index-level {
    z-index: -1
}

@media (min-width: 1200px) {
    #bolt-launch-landing-page .z-index-level {
        z-index: 1
    }

    #bolt-launch-landing-page .xl\:hidden {
        display: none
    }

    #bolt-launch-landing-page a.page-content-animate-btn {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
        width: 320px;
        border-radius: 999px;
        padding: 24px 0;
        letter-spacing: 1px;
        line-height: 1;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        font-weight: 400
    }

    #bolt-launch-landing-page .success {
        background-image: url(/static/home/images/m-sec-3-pic-new.png);
        background-position: 30% 0;
        background-size: cover;
        background-repeat: no-repeat
    }

    #bolt-launch-landing-page .banner {
        background-image: url(/static/home/images/pc-banner-new.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }

    #bolt-launch-landing-page .text-center-mode {
        text-shadow: 0 2px 3px #142638;
        text-align: left;
        color: #fff
    }

    #bolt-launch-landing-page .text-center-mode h1 {
        font-size: 56px;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        margin-bottom: 40px
    }

    #bolt-launch-landing-page .text-center-mode h2 {
        font-size: 44px;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        margin-bottom: 36px
    }

    #bolt-launch-landing-page a.content-animate-btn {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
        width: 320px;
        border-radius: 999px;
        padding: 24px 0;
        letter-spacing: 1px;
        line-height: 1;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent
    }

    #bolt-launch-landing-page a.content-animate-btn:hover {
        transition: color .5s ease-in-out;
        color: #eb9b31 !important
    }

    #bolt-launch-landing-page a.content-animate-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #eb9b31;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #bolt-launch-landing-page a.content-animate-btn:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border: 2px solid #eb9b31;
        border-radius: 999px;
        box-sizing: border-box
    }

    #bolt-launch-landing-page a.content-animate-btn:hover:before {
        left: 130%
    }

    #bolt-launch-landing-page .xl\:justify-start {
        justify-content: flex-start
    }

    #bolt-launch-landing-page ul.list-white-dot {
        font-size: 18px;
        line-height: 2.1;
        letter-spacing: 1px;
        color: #5a5a5a;
        padding-left: 4px
    }

    #bolt-launch-landing-page ul.list-white-dot li {
        display: flex;
        align-items: flex-start
    }

    #bolt-launch-landing-page ul.list-white-dot li span {
        margin-right: 8px;
        width: 8px;
        height: 8px;
        background-color: #1187f4;
        border-radius: 99px;
        position: relative;
        top: 12px
    }

    #bolt-launch-landing-page ul.list-white-dot li p {
        flex: 1
    }

    #bolt-launch-landing-page .xl\:text-left {
        text-align: left
    }

    #bolt-launch-landing-page .question {
        box-shadow: 0 3px 13px 0 #dfe1e3;
        background-color: #fff
    }

    #bolt-launch-landing-page .question ul li {
        padding: 24px 0 24px 16px;
        border-top: 1px solid #e9e9e9
    }

    #bolt-launch-landing-page .question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #bolt-launch-landing-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        color: #1187f4
    }

    #bolt-launch-landing-page .question .answer-items {
        display: none;
        padding-left: 32px;
        padding-right: 48px;
        margin-top: 28px
    }

    #bolt-launch-landing-page .question h4 {
        font-size: 24px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #bolt-launch-landing-page .question p {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 2.1;
        letter-spacing: 1px;
        color: #5a5a5a;
        margin-top: 0
    }

    #bolt-launch-landing-page .video-mode-curren {
        position: relative
    }

    #bolt-launch-landing-page .video-mode-curren .cover {
        z-index: 30;
        position: relative
    }

    #bolt-launch-landing-page .video-mode-curren .cover > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #bolt-launch-landing-page .video-mode-curren .cover > div img {
        width: 92px;
        height: 92px
    }

    #bolt-launch-landing-page .video-mode-curren .video-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #bolt-launch-landing-page .video-mode-curren .video-box video {
        width: 100%
    }
}

#followme-fcion-landing-page .banner .pic-box {
    padding: 24px 12px 132px;
    margin-bottom: 28px;
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat
}

#followme-fcion-landing-page .banner .pic-box div:first-of-type img {
    width: 136px;
    display: block;
    margin-bottom: 44px
}

#followme-fcion-landing-page .banner .pic-box div:nth-of-type(2) img {
    width: 304px;
    display: block;
    margin: 0 auto 12px
}

#followme-fcion-landing-page .banner .pic-box div:nth-of-type(3) img {
    width: 232px;
    display: block;
    margin: 0 auto
}

#followme-fcion-landing-page .banner .form-box {
    padding: 32px 16px 24px;
    box-shadow: 1px 1px 7px 0 #e2e2e2;
    border-radius: 2px
}

#followme-fcion-landing-page .banner .form-box h2 {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434;
    text-align: center;
    margin-bottom: 24px
}

#followme-fcion-landing-page .activity-time {
    margin-top: 28px
}

#followme-fcion-landing-page .activity-time .title {
    margin-bottom: 16px
}

#followme-fcion-landing-page .activity-time .title img {
    display: block;
    margin: 0 auto;
    width: 136px
}

#followme-fcion-landing-page .activity-time .title div {
    position: relative;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center
}

#followme-fcion-landing-page .activity-time .title div h2 {
    background-color: hsla(0, 0%, 100%, .84);
    padding: 2px 4px;
    font-size: 20px;
    line-height: 1;
    color: #001947
}

#followme-fcion-landing-page .activity-time .content {
    padding: 28px 12px 24px;
    background-color: #006ed9
}

#followme-fcion-landing-page .activity-time .content .pc {
    display: none
}

#followme-fcion-landing-page .activity-time .content > div {
    display: flex;
    align-items: flex-start
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type {
    width: 98px;
    height: 340px;
    background-image: url(/static/home/images/m-sec-1-circle-and-line-new.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li p {
    font-size: 14px;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li p:first-of-type {
    margin-bottom: 8px
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:first-of-type {
    padding-top: 32px
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(3) {
    margin-top: 68px
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(3) img {
    width: 16px;
    display: block;
    margin: 0 auto 8px
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(3) p {
    color: #ffcc45
}

#followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(2) {
    margin-top: 84px
}

#followme-fcion-landing-page .activity-time .content > div ul:nth-of-type(2) {
    height: 348px;
    flex: 1;
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 34px 0 40px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#followme-fcion-landing-page .activity-time .content > div ul:nth-of-type(2) p:first-of-type {
    margin-bottom: 4px
}

#followme-fcion-landing-page .gift {
    margin-top: 28px
}

#followme-fcion-landing-page .gift .title {
    margin-bottom: 18px
}

#followme-fcion-landing-page .gift .title img {
    display: block;
    margin: 0 auto;
    width: 136px
}

#followme-fcion-landing-page .gift .title div {
    position: relative;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center
}

#followme-fcion-landing-page .gift .title div h2 {
    background-color: hsla(0, 0%, 100%, .84);
    padding: 2px 4px;
    font-size: 20px;
    line-height: 1;
    color: #001947
}

#followme-fcion-landing-page .gift ul.m-content {
    padding: 0 12px
}

#followme-fcion-landing-page .gift ul.m-content li {
    padding: 16px 8px 16px 16px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    background-color: #ecf0f3;
    border-radius: 5px
}

#followme-fcion-landing-page .gift ul.m-content li div:first-of-type {
    flex: 1
}

#followme-fcion-landing-page .gift ul.m-content li div:first-of-type h3 {
    width: 60px;
    height: 32px;
    text-align: center;
    padding-top: 5px;
    background-image: url(/static/home/images/m-sec-2-chetbox-1.png);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    color: #002c6a;
    font-weight: 700
}

#followme-fcion-landing-page .gift ul.m-content li div:first-of-type p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 6px
}

#followme-fcion-landing-page .gift ul.m-content li div:first-of-type a {
    width: 140px;
    height: 32px;
    background-image: linear-gradient(128deg, #eea312, #f8cb1e), linear-gradient(#f5a72e, #f5a72e);
    background-blend-mode: normal, normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#followme-fcion-landing-page .gift ul.m-content li div:nth-of-type(2) {
    display: flex;
    align-items: center;
    justify-content: center
}

#followme-fcion-landing-page .gift ul.m-content li div:nth-of-type(2) img {
    max-width: 156px;
    max-height: 148px;
    width: 100%
}

#followme-fcion-landing-page .gift ul.m-content li:first-of-type div:nth-of-type(2) {
    margin-top: 24px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) {
    margin-bottom: 16px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:first-of-type {
    margin-right: 60px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:first-of-type h3 {
    background-image: url(/static/home/images/m-sec-2-chetbox-2.png);
    margin-bottom: 4px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:first-of-type p:first-of-type {
    margin-bottom: 16px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:first-of-type p:nth-of-type(2) {
    white-space: nowrap;
    display: flex;
    align-items: center
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:first-of-type img {
    width: 20px;
    margin-left: 4px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:nth-of-type(2) {
    margin-right: 28px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(2) div:nth-of-type(2) img {
    max-width: 156px;
    width: auto
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(3) div:first-of-type h3 {
    background-image: url(/static/home/images/m-sec-2-chetbox-3.png)
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(3) div:nth-of-type(2) {
    margin-left: 36px
}

#followme-fcion-landing-page .gift ul.m-content li:nth-of-type(3) div:nth-of-type(2) img {
    max-width: 136px;
    width: auto;
    margin-top: 8px
}

#followme-fcion-landing-page .gift ul.pc-content {
    display: none
}

#followme-fcion-landing-page .give {
    margin-top: 28px;
    padding: 0 12px
}

#followme-fcion-landing-page .give .title {
    margin-bottom: 0
}

#followme-fcion-landing-page .give .title img {
    display: block;
    margin: 0 auto;
    width: 136px
}

#followme-fcion-landing-page .give .title div {
    position: relative;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center
}

#followme-fcion-landing-page .give .title div h2 {
    background-color: hsla(0, 0%, 100%, .84);
    padding: 2px 4px;
    font-size: 20px;
    line-height: 1;
    color: #001947
}

#followme-fcion-landing-page .give div ol:first-of-type li:first-of-type div {
    display: inline
}

#followme-fcion-landing-page .give .content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    border-radius: 3px;
    border: 1px solid #003c87;
    padding: 20px 12px 16px
}

#followme-fcion-landing-page .give .content h3 {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #001947
}

#followme-fcion-landing-page .give .content h3 span:first-of-type {
    width: 4px;
    height: 4px;
    background-color: #001947;
    margin-right: 4px;
    border-radius: 999px
}

#followme-fcion-landing-page .give .content ol {
    padding-left: 8px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #5a5a5a
}

#followme-fcion-landing-page .give .content .pic img {
    width: 174px;
    margin: 16px auto 20px;
    display: block;
    position: relative;
    left: 8px
}

#followme-fcion-landing-page .info {
    margin-top: 28px;
    padding: 0 12px
}

#followme-fcion-landing-page .info .title {
    margin-bottom: 16px
}

#followme-fcion-landing-page .info .title img {
    display: block;
    margin: 0 auto;
    width: 136px
}

#followme-fcion-landing-page .info .title div {
    position: relative;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center
}

#followme-fcion-landing-page .info .title div h2 {
    background-color: hsla(0, 0%, 100%, .84);
    padding: 2px 4px;
    font-size: 20px;
    line-height: 1;
    color: #001947
}

#followme-fcion-landing-page .info table {
    margin-bottom: 0;
    border: none;
    box-shadow: 0 8px 8px 1px rgba(0, 0, 0, .09);
    border-radius: 3px;
    overflow: hidden;
    border-collapse: collapse;
    text-align: center
}

#followme-fcion-landing-page .info table tr {
    border: none
}

#followme-fcion-landing-page .info table tr:nth-of-type(2n) {
    background-color: #f9f9f9
}

#followme-fcion-landing-page .info table thead {
    border: none;
    background-image: linear-gradient(0deg, #5fc6ff, #2789e5), linear-gradient(#d5d5d5, #d5d5d5);
    background-blend-mode: normal, normal
}

#followme-fcion-landing-page .info table thead th {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#followme-fcion-landing-page .info table thead th:first-of-type {
    width: 116px;
    padding-left: 40px
}

#followme-fcion-landing-page .info table thead th:nth-of-type(2) {
    width: 116px;
    padding-left: 32px
}

#followme-fcion-landing-page .info table tbody {
    border: none
}

#followme-fcion-landing-page .info table tbody td {
    padding: 9px 0 8px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #5a5a5a
}

#followme-fcion-landing-page .info table tbody td:first-of-type {
    width: 116px;
    padding-left: 40px
}

#followme-fcion-landing-page .info table tbody td:nth-of-type(2) {
    width: 116px;
    padding-left: 32px
}

#followme-fcion-landing-page .info ol {
    margin-top: 36px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #5a5a5a;
    padding-right: 4px
}

#followme-fcion-landing-page .info ol a {
    color: #1381f2;
    text-decoration: underline
}

#followme-fcion-landing-page footer {
    margin-top: 28px;
    background-color: #191919;
    height: 30px
}

@media (min-width: 1200px) {
    #followme-fcion-landing-page .banner {
        display: block;
        padding: 48px 0 60px;
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        background-position: 0 0;
        background-size: cover;
        background-repeat: no-repeat
    }

    #followme-fcion-landing-page .banner .pic-box {
        padding: 12px 0 0;
        background-image: none;
        margin-left: -8px
    }

    #followme-fcion-landing-page .banner .pic-box div:first-of-type {
        margin-left: 8px
    }

    #followme-fcion-landing-page .banner .pic-box div:first-of-type img {
        width: auto;
        margin-bottom: 60px
    }

    #followme-fcion-landing-page .banner .pic-box div:nth-of-type(2) img {
        width: auto;
        margin-bottom: 28px
    }

    #followme-fcion-landing-page .banner .pic-box div:nth-of-type(3) img {
        width: auto;
        margin: 0
    }

    #followme-fcion-landing-page .banner .form-box h2 {
        font-size: 30px
    }

    #followme-fcion-landing-page .activity-time {
        margin-top: 68px
    }

    #followme-fcion-landing-page .activity-time .title {
        margin-bottom: 28px
    }

    #followme-fcion-landing-page .activity-time .title img {
        display: block;
        margin: 0 auto;
        width: auto
    }

    #followme-fcion-landing-page .activity-time .title div {
        position: relative;
        top: -22px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .activity-time .title div h2 {
        background-color: hsla(0, 0%, 100%, .84);
        padding: 6px 16px;
        font-size: 36px;
        line-height: 1;
        color: #001947
    }

    #followme-fcion-landing-page .activity-time .content {
        padding: 60px 0 52px;
        background-color: #006ed9
    }

    #followme-fcion-landing-page .activity-time .content .pc {
        display: block
    }

    #followme-fcion-landing-page .activity-time .content .yd {
        display: none
    }

    #followme-fcion-landing-page .activity-time .content > div {
        display: block;
        align-items: flex-start
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type {
        padding: 0 48px;
        width: 1080px;
        height: 200px;
        margin: 0 auto;
        background-image: url(/static/home/images/pc-sec-1-circle-and-line-new.png);
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        text-align: center;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li {
        margin-top: 76px
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li p {
        font-size: 24px;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 1px;
        color: #fff
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:first-of-type, #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(2) {
        margin-top: 76px;
        padding-top: 0
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(3) {
        margin-top: 24px
    }

    #followme-fcion-landing-page .activity-time .content > div ul:first-of-type li:nth-of-type(3) img {
        width: auto;
        display: block;
        margin-bottom: 20px
    }

    #followme-fcion-landing-page .activity-time .content > div ul:nth-of-type(2) {
        height: auto;
        margin-left: 20px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: 24px 0 0;
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 1px;
        color: #fff;
        text-align: center
    }

    #followme-fcion-landing-page .activity-time .content > div ul:nth-of-type(2) p:first-of-type {
        margin-bottom: 0
    }

    #followme-fcion-landing-page .activity-time .content .xl\:hidden {
        display: none
    }

    #followme-fcion-landing-page .gift {
        margin-top: 60px
    }

    #followme-fcion-landing-page .gift .title {
        margin-bottom: 32px
    }

    #followme-fcion-landing-page .gift .title img {
        display: block;
        margin: 0 auto;
        width: auto
    }

    #followme-fcion-landing-page .gift .title div {
        position: relative;
        top: -22px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .gift .title div h2 {
        background-color: hsla(0, 0%, 100%, .84);
        padding: 6px 16px;
        font-size: 36px;
        line-height: 1;
        color: #001947
    }

    #followme-fcion-landing-page .gift .m-content {
        display: none
    }

    #followme-fcion-landing-page .gift ul.pc-content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    #followme-fcion-landing-page .gift ul.pc-content li h3 {
        margin: 0 auto 28px;
        width: 120px;
        height: 60px;
        background-image: url(/static/home/images/pc-sec-2-chetbox-1.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 12px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1px;
        color: #002c6a
    }

    #followme-fcion-landing-page .gift ul.pc-content li:nth-of-type(2) h3 {
        background-image: url(/static/home/images/pc-sec-2-chetbox-2.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }

    #followme-fcion-landing-page .gift ul.pc-content li:nth-of-type(3) h3 {
        background-image: url(/static/home/images/pc-sec-2-chetbox-3.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div {
        width: 384px;
        height: 488px;
        background-color: #ecf0f3;
        border-radius: 10px;
        padding: 36px 28px 28px
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div div {
        height: 234px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div p {
        font-size: 18px;
        font-stretch: normal;
        line-height: 1.6666;
        color: #343434;
        margin-top: 28px;
        height: 88px
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div a {
        width: 240px;
        height: 52px;
        background-image: linear-gradient(128deg, #ee9e12, #f7bf1a), linear-gradient(#f5a72e, #f5a72e);
        background-blend-mode: normal, normal;
        border-radius: 26px;
        margin: 24px auto 0;
        font-size: 22px;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 1px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div a.qr-btn .qr-code {
        display: none
    }

    #followme-fcion-landing-page .gift ul.pc-content li > div a.qr-btn:hover .qr-code {
        display: block
    }

    #followme-fcion-landing-page .gift ul.pc-content li img {
        margin-top: 20px
    }

    #followme-fcion-landing-page .give {
        margin-top: 64px;
        padding: 0 12px
    }

    #followme-fcion-landing-page .give .title {
        margin-bottom: 28px
    }

    #followme-fcion-landing-page .give .title img {
        display: block;
        margin: 0 auto;
        width: auto
    }

    #followme-fcion-landing-page .give .title div {
        position: relative;
        top: -22px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .give .title div h2 {
        background-color: hsla(0, 0%, 100%, .84);
        padding: 6px 16px;
        font-size: 36px;
        line-height: 1;
        color: #001947
    }

    #followme-fcion-landing-page .give div ol:first-of-type {
        padding-right: 34px
    }

    #followme-fcion-landing-page .give div ol:first-of-type li:first-of-type {
        display: flex;
        align-items: flex-start
    }

    #followme-fcion-landing-page .give div ol:first-of-type li:first-of-type div {
        line-height: 1
    }

    #followme-fcion-landing-page .give div ol:first-of-type li:first-of-type div:first-of-type {
        padding-top: 7px
    }

    #followme-fcion-landing-page .give div ol:first-of-type li:first-of-type div:nth-of-type(2) {
        line-height: 31px;
        margin-left: 2px
    }

    #followme-fcion-landing-page .give .content {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
        border-radius: 3px;
        border: 1px solid #003c87;
        padding: 36px 52px 36px 16px
    }

    #followme-fcion-landing-page .give .content div:first-of-type {
        flex: 1;
        padding-top: 20px
    }

    #followme-fcion-landing-page .give .content h3 {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #001947
    }

    #followme-fcion-landing-page .give .content h3 span:first-of-type {
        width: 6px;
        height: 6px;
        background-color: #001947;
        margin-right: 8px;
        border-radius: 99px
    }

    #followme-fcion-landing-page .give .content ol {
        padding-left: 16px;
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #followme-fcion-landing-page .give .content ol:first-of-type {
        margin-bottom: 52px
    }

    #followme-fcion-landing-page .give .content .pic {
        display: none
    }

    #followme-fcion-landing-page .give .content .pic img {
        width: 164px;
        margin: 20px auto;
        display: block
    }

    #followme-fcion-landing-page .give .content .pc-pic {
        margin-left: 96px;
        display: block
    }

    #followme-fcion-landing-page .info {
        margin-top: 60px
    }

    #followme-fcion-landing-page .info .title {
        margin-bottom: 28px
    }

    #followme-fcion-landing-page .info .title img {
        display: block;
        margin: 0 auto;
        width: auto
    }

    #followme-fcion-landing-page .info .title div {
        position: relative;
        top: -22px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #followme-fcion-landing-page .info .title div h2 {
        background-color: hsla(0, 0%, 100%, .84);
        padding: 6px 16px;
        font-size: 36px;
        line-height: 1;
        color: #001947
    }

    #followme-fcion-landing-page .info .table-box {
        width: 556px
    }

    #followme-fcion-landing-page .info .table-box table {
        margin-bottom: 0;
        border: none;
        box-shadow: 0 8px 8px 1px rgba(0, 0, 0, .09);
        border-radius: 3px;
        overflow: hidden;
        border-collapse: collapse;
        text-align: center
    }

    #followme-fcion-landing-page .info .table-box table tr {
        border: none
    }

    #followme-fcion-landing-page .info .table-box table tr:nth-of-type(2n) {
        background-color: #f9f9f9
    }

    #followme-fcion-landing-page .info .table-box table thead {
        border: none;
        background-image: linear-gradient(0deg, #5fc6ff, #2789e5), linear-gradient(#d5d5d5, #d5d5d5);
        background-blend-mode: normal, normal
    }

    #followme-fcion-landing-page .info .table-box table thead th {
        padding: 14px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff
    }

    #followme-fcion-landing-page .info .table-box table thead th:first-of-type {
        width: 224px
    }

    #followme-fcion-landing-page .info .table-box table thead th:nth-of-type(2) {
        width: 140px
    }

    #followme-fcion-landing-page .info .table-box table tbody {
        border: none
    }

    #followme-fcion-landing-page .info .table-box table tbody td {
        padding: 15px 0 12px;
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #followme-fcion-landing-page .info .table-box table tbody td:nth-of-type(2) {
        width: 140px
    }

    #followme-fcion-landing-page .info ol {
        flex: 1;
        margin-left: 88px;
        font-size: 16px;
        line-height: 1.99;
        margin-top: -8px;
        letter-spacing: 1px
    }

    #followme-fcion-landing-page .info ol a {
        text-decoration: underline
    }

    #followme-fcion-landing-page footer {
        margin-top: 60px;
        background-color: #191919;
        height: 56px
    }
}

#change-broker-page {
    background-image: url(/static/home/images/m-bg.jpg);
    background-position: center 4px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px
}

#change-broker-page .btn-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

#change-broker-page tbody, #change-broker-page tbody tr:nth-child(2n), #change-broker-page tfoot, #change-broker-page thead {
    border: 0;
    background-color: transparent
}

#change-broker-page tbody td {
    padding: 0
}

#change-broker-page .banner .title img {
    width: 272px;
    margin: 0 auto 16px;
    display: block
}

#change-broker-page .banner .btn-box {
    position: relative;
    width: 184px;
    margin: 0 auto
}

#change-broker-page .banner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 10px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 1px 1px 0 #0a4a90;
    display: flex;
    align-items: center;
    justify-content: center
}

#change-broker-page .give-money {
    position: relative;
    width: 284px;
    margin: 72px auto 0;
    z-index: 2
}

#change-broker-page .give-money .table-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 80px 16px 0;
    width: 100%
}

#change-broker-page .give-money .table-box table {
    text-align: center;
    width: 100%;
    margin-bottom: 8px;
    white-space: nowrap
}

#change-broker-page .give-money .table-box th {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    height: 28px
}

#change-broker-page .give-money .table-box td:first-of-type, #change-broker-page .give-money .table-box th:first-of-type {
    width: 96px
}

#change-broker-page .give-money .table-box td {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    height: 22px
}

#change-broker-page .give-money .get-in-btn-box a {
    position: relative;
    width: 184px;
    height: 40px;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

#change-broker-page .give-money .get-in-btn-box a .btn-normal {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    border-radius: 0 10px
}

#change-broker-page .give-money .get-in-btn-box a .btn-active {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

#change-broker-page .rules {
    margin-top: -40px;
    position: relative;
    z-index: 1;
    padding-bottom: 20px
}

#change-broker-page .rules .content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 76px 0 0;
    width: 100%
}

#change-broker-page .rules .content > p:first-of-type {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
}

#change-broker-page .rules .content h2 {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

#change-broker-page .rules .content ol {
    padding-left: 8px;
    padding-right: 4px
}

#change-broker-page .rules .content ol li {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    line-height: 2;
    letter-spacing: -.5px;
    color: #fff
}

#change-broker-page .rules .content > p:last-of-type {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
}

@media (min-width: 321px) {
    #change-broker-page .rules .content {
        position: absolute;
        top: 0;
        left: 0;
        padding: 88px 12px 0;
        width: 100%
    }

    #change-broker-page .rules .content h2 {
        margin-top: 32px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        text-align: center;
        margin-bottom: 0
    }

    #change-broker-page .rules .content ol li {
        display: flex;
        align-items: flex-start;
        font-size: 12px;
        line-height: 2;
        letter-spacing: .5px;
        color: #fff
    }
}

@media (min-width: 374px) {
    #change-broker-page .rules .content {
        position: absolute;
        top: 0;
        left: 0;
        padding: 88px 16px 0;
        width: 100%
    }

    #change-broker-page .rules .content h2 {
        margin-top: 32px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        text-align: center;
        margin-bottom: 0
    }

    #change-broker-page .rules .content ol li {
        display: flex;
        align-items: flex-start;
        font-size: 12px;
        line-height: 2;
        letter-spacing: .5px;
        color: #fff
    }
}

@media (min-width: 1200px) {
    #change-broker-page .rules {
        margin-bottom: -40px
    }

    #change-broker-page {
        background-image: url(/static/home/images/pc-bg.jpg);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 68px
    }

    #change-broker-page .banner .title img {
        width: 620px;
        margin: 0 auto 16px
    }

    #change-broker-page .banner .btn-box {
        position: relative;
        width: 376px;
        margin: 0 auto
    }

    #change-broker-page .banner a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-size: 36px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        text-shadow: 2px 3px 0 #0a4a90;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #change-broker-page .give-money {
        position: relative;
        width: 992px;
        margin: 284px auto 0;
        z-index: 2
    }

    #change-broker-page .give-money img.pic {
        width: 100%
    }

    #change-broker-page .give-money .table-box {
        position: absolute;
        top: 0;
        left: 0;
        padding: 236px 100px 0;
        width: 100%
    }

    #change-broker-page .give-money .table-box table {
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
        white-space: nowrap
    }

    #change-broker-page .give-money .table-box th {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        height: 68px
    }

    #change-broker-page .give-money .table-box td:first-of-type, #change-broker-page .give-money .table-box th:first-of-type {
        width: 228px
    }

    #change-broker-page .give-money .table-box td:nth-of-type(2), #change-broker-page .give-money .table-box th:nth-of-type(2) {
        width: 268px;
        padding-left: 116px
    }

    #change-broker-page .give-money .table-box td:nth-of-type(3), #change-broker-page .give-money .table-box th:nth-of-type(3) {
        padding-left: 112px
    }

    #change-broker-page .give-money .table-box td {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
        height: 54px
    }

    #change-broker-page .give-money .get-in-btn-box a {
        position: relative;
        width: 388px;
        height: 128px;
        overflow: hidden;
        display: block;
        margin: 0 auto
    }

    #change-broker-page .give-money .get-in-btn-box a .btn-normal {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        border-radius: 0 10px
    }

    #change-broker-page .give-money .get-in-btn-box a .btn-active {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1
    }

    #change-broker-page .rules {
        margin-top: -148px;
        position: relative;
        z-index: 1;
        padding-bottom: 60px
    }

    #change-broker-page .rules .content {
        position: absolute;
        top: 0;
        left: 0;
        padding: 286px 92px 0;
        width: 100%
    }

    #change-broker-page .rules .content > p:first-of-type {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 2px;
        color: #fff;
        text-align: center
    }

    #change-broker-page .rules .content h2 {
        margin-top: 80px;
        font-size: 30px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 2px;
        color: #fff;
        text-align: center;
        margin-bottom: 32px
    }

    #change-broker-page .rules .content ol {
        padding: 0 12px 0 0
    }

    #change-broker-page .rules .content ol li {
        display: flex;
        align-items: flex-start;
        font-size: 18px;
        line-height: 2;
        letter-spacing: 1px;
        color: #fff
    }

    #change-broker-page .rules .content > p:last-of-type {
        margin-top: 52px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        color: #fff;
        text-align: center
    }

    #change-broker-page .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}

#pc-test-nav > div {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#pc-test-nav .first-nav {
    width: 76%
}

#pc-test-nav .first-nav > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

#pc-test-nav .first-nav > li {
    width: 138px
}

#pc-test-nav .first-nav:last-of-type > li:last-of-type {
    width: 82px
}

#pc-test-nav .first-nav > li:last-of-type a {
    padding-right: 0;
    padding-left: 24px
}

#pc-test-nav .second-nav > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#pc-test-nav {
    display: block;
    background-color: #fff
}

#pc-test-nav a:hover {
    color: #2583c2
}

#pc-test-nav .first-nav > li > a {
    display: block;
    padding: 24px 28px
}

#pc-test-nav .second-nav > li > a {
    display: block;
    width: 100%;
    height: 100%
}

#pc-test-nav {
    position: relative
}

#pc-test-nav ul li:hover .hidden {
    display: block;
    z-index: 50
}

#pc-test-nav ul li .hidden {
    position: absolute;
    left: 0;
    top: 68px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100vw;
    background-color: #f4f6f6
}

#pc-test-nav ul li .hidden > div {
    display: flex;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
    align-items: center
}

#pc-test-nav ul li .hidden > div h2 {
    color: #0d64a0;
    width: 35%;
    text-align: right;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.75rem;
    display: block;
    font-weight: 400
}

#pc-test-nav ul li .hidden ul {
    display: grid;
    grid-template-columns:repeat(2, 330px)
}

#pc-test-nav ul li .hidden ul li a {
    padding-bottom: 20px
}

#pc-test-nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#trading-carnival .carnival-btn-width {
    width: 160px
}

#trading-carnival {
    margin-top: 48px
}

#trading-carnival .banner > div {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 48px;
    padding-top: 0;
    padding-left: 0
}

#trading-carnival .banner > div > img {
    width: 297px
}

#trading-carnival .banner .carnival-btn-width {
    margin-top: 20px
}

#trading-carnival .sign-now {
    width: 160px;
    height: 36px;
    border-radius: 16px;
    box-shadow: 0 2px 3px rgba(87, 107, 123, .6);
    border: 0 solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px
}

#trading-carnival .btn-box {
    position: relative;
    overflow: hidden
}

#trading-carnival .btn-box span {
    z-index: 2;
    font-weight: 700
}

#trading-carnival .btn-box:hover span {
    color: #f89600
}

#trading-carnival .btn-box:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #f89600;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#trading-carnival .btn-box:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #f89600;
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0
}

#trading-carnival .btn-box:hover:before {
    left: 127%
}

#trading-carnival .btn-box-content {
    position: relative;
    overflow: hidden
}

#trading-carnival .btn-box-content span {
    z-index: 2;
    font-weight: 700
}

#trading-carnival .btn-box-content:hover span {
    color: #186be6
}

#trading-carnival .btn-box-content:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #186be6;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#trading-carnival .btn-box-content:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #186be6;
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0
}

#trading-carnival .btn-box-content:hover:before {
    left: 127%
}

#trading-carnival .sign-now .btn-text {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-shadow: none
}

#trading-carnival .banner {
    height: 330px;
    padding: 24px 0 0 36px;
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

#trading-carnival .active-time {
    margin-bottom: 40px
}

#trading-carnival .active-time > div {
    display: block;
    background-color: #f6f8fa;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px
}

#trading-carnival .active-time > div > div:first-of-type {
    margin-bottom: 20px;
    width: 156px;
    margin-right: auto;
    margin-left: auto
}

#trading-carnival .active-time > div > div:nth-of-type(2) {
    align-self: center
}

#trading-carnival .active-time .clock {
    width: 12px
}

#trading-carnival .active-time > div > div:nth-of-type(2) h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 2px;
    color: #343434
}

#trading-carnival .active-time > div > div:nth-of-type(2) img {
    margin-bottom: 2px
}

#trading-carnival .active-time > div > div:nth-of-type(2) p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #343434;
    text-align: center
}

#trading-carnival h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: #343434;
    text-align: center;
    line-height: 1
}

#trading-carnival .award-big {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

#trading-carnival .award-big > div {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

#trading-carnival .award-big h2 {
    margin-bottom: 24px
}

#trading-carnival .award-big ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns:repeat(1, 100%);
    grid-row-gap: 36px
}

#trading-carnival .award-big li > div {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(13, 6, 21, .34);
    border-radius: 10px;
    height: 484px;
    max-width: 375px;
    padding-top: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#trading-carnival .award-big .badge {
    position: absolute;
    top: -8px;
    left: -8px
}

#trading-carnival .award-big li > div > div {
    height: 236px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

#trading-carnival .award-big li p:first-of-type {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #1b4d93;
    margin-bottom: 12px
}

#trading-carnival .award-big li p:nth-of-type(2) {
    height: 60px;
    font-size: 16px;
    letter-spacing: 0;
    color: #343434
}

#trading-carnival .award-big li p:nth-of-type(3) {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434
}

#trading-carnival .award-big li p:nth-of-type(4) {
    font-size: 18px;
    color: #343434;
    line-height: 1;
    margin-top: 8px;
    font-weight: 700
}

#trading-carnival .award-big li p:nth-of-type(4) span {
    font-size: 28px;
    color: #1b4d93;
    line-height: 1;
    font-weight: 700
}

#trading-carnival .award-small {
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px
}

#trading-carnival .award-small > div > a {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    display: block
}

#trading-carnival .award-small > div {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

#trading-carnival .award-small ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns:repeat(2, 48%);
    grid-row-gap: 20px
}

#trading-carnival .award-small li {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(13, 6, 21, .34);
    border-radius: 10px;
    text-align: center;
    height: 316px;
    padding-top: 24px
}

#trading-carnival .award-small li > div {
    height: 172px;
    display: flex;
    align-items: center;
    justify-content: center
}

#trading-carnival .award-small li > div img {
    height: 92px
}

#trading-carnival .award-small .wifi {
    width: 160px
}

#trading-carnival .award-small .brush {
    height: 160px
}

#trading-carnival .award-small .air-cleaner {
    height: 132px
}

#trading-carnival .award-small li p:first-of-type {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #1b4d93;
    margin-bottom: 8px
}

#trading-carnival .award-small li p:nth-of-type(2) {
    height: 36px;
    font-size: 14px;
    letter-spacing: 0;
    color: #000
}

#trading-carnival .award-small li p:nth-of-type(3) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434
}

#trading-carnival .award-small li p:nth-of-type(4) {
    font-size: 14px;
    color: #343434;
    line-height: 1;
    margin-top: 4px;
    font-weight: 700
}

#trading-carnival .award-small li p:nth-of-type(4) span {
    font-size: 24px;
    color: #1b4d93;
    line-height: 1;
    font-weight: 700
}

#trading-carnival .exchange-now {
    width: 200px;
    height: 44px;
    border-radius: 999px;
    box-shadow: 0;
    border: 0 solid #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.exchange-now .btn-text {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-shadow: none
}

#trading-carnival .exchange-now {
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px
}

#trading-carnival .process {
    margin-bottom: 40px;
    padding-right: 12px;
    padding-left: 12px
}

#trading-carnival .process h2 {
    margin-bottom: 18px
}

#trading-carnival .process > div {
    width: 100%
}

#trading-carnival .process > div > div:first-of-type {
    display: block
}

#trading-carnival .process .new-client {
    background-image: url(/static/home/images/pc-sec-5-bg-1.png);
    margin-bottom: 20px
}

#trading-carnival .process .new-client, #trading-carnival .process .old-client {
    background-repeat: no-repeat;
    background-size: cover;
    height: 296px;
    padding-top: 28px
}

#trading-carnival .process .old-client {
    background-image: url(/static/home/images/pc-sec-5-bg-2.png)
}

#trading-carnival .process h3 {
    line-height: 1;
    font-size: 18px;
    color: #186be6;
    text-align: center;
    font-weight: 700
}

#trading-carnival .process .new-client > div {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding-left: 40px
}

#trading-carnival .process .new-client > div img {
    margin-right: 10px;
    width: 60px
}

#trading-carnival .process .old-client > div {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding-left: 42px
}

#trading-carnival .process .old-client > div img {
    margin-right: 12px;
    width: 60px
}

#trading-carnival .process ol > li {
    font-size: 14px;
    line-height: 46px;
    letter-spacing: 0;
    color: #343434;
    font-weight: 700
}

#trading-carnival .information {
    margin-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px
}

#trading-carnival .information > div {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

#trading-carnival .information > div > div:first-of-type {
    background-color: #f7f9fa;
    margin-top: 20px;
    padding: 22px 22px 18px 18px
}

#trading-carnival .information ol li {
    display: flex;
    line-height: 18px;
    margin-bottom: 10px
}

#trading-carnival .information ol li > div {
    width: 14px;
    height: 14px;
    background-color: #186be6;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

#trading-carnival .information ol li p {
    padding-left: 6px;
    flex: 1;
    color: #5a5a5a;
    font-size: 14px
}

#trading-carnival .information ol {
    margin-top: 14px
}

#trading-carnival .information ol li > div span {
    font-size: 14px;
    line-height: 18px
}

#trading-carnival .final-explain {
    font-size: 14px;
    letter-spacing: 0;
    color: #5a5a5a;
    text-align: center
}

#trading-carnival .pic-and-text-box {
    display: flex;
    flex-direction: row
}

#trading-carnival .pic-box {
    align-self: center
}

#trading-carnival .pic-box img {
    width: 16px
}

#trading-carnival .text-box {
    align-self: center
}

#trading-carnival .text-box p {
    font-size: 14px;
    color: #5a5a5a;
    letter-spacing: 0;
    font-weight: 400;
    text-shadow: none;
    margin-left: 4px;
    line-height: 18px;
    margin-top: 8px
}

@media (min-width: 1200px) {
    body {
        margin: 0 auto
    }

    #trading-carnival {
        margin-top: 0
    }

    #trading-carnival .switch {
        height: auto;
        width: 176px
    }

    #trading-carnival .award-small .wifi {
        width: 188px
    }

    #trading-carnival .carnival-btn-width {
        width: 320px
    }

    #trading-carnival .pic-box img {
        width: 30px
    }

    #trading-carnival .text-box p {
        font-size: 18px;
        color: #5a5a5a;
        letter-spacing: 0;
        font-weight: 400;
        text-shadow: none;
        margin-left: 8px;
        line-height: 24px
    }

    #trading-carnival .active-time .phone {
        width: 311px
    }

    #trading-carnival .active-time .clock {
        width: 24px
    }

    #trading-carnival .banner {
        height: auto
    }

    #trading-carnival .banner > div > img {
        width: 604px
    }

    #trading-carnival .banner > div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 56px;
        margin-top: 0
    }

    #trading-carnival .sign-now {
        width: 320px;
        height: 72px;
        border-radius: 34px;
        box-shadow: 0 2px 3px rgba(87, 107, 123, .6);
        border: 0 solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        margin-left: 4px
    }

    #trading-carnival .sign-now .btn-text {
        font-size: 28px;
        color: #fff;
        font-weight: 700;
        text-shadow: none
    }

    #trading-carnival {
        background-image: url(/static/home/images/pc-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }

    #trading-carnival .banner {
        padding-bottom: 276px;
        margin-top: 0;
        padding-left: 56px;
        background-image: none
    }

    #trading-carnival .active-time {
        margin-bottom: 80px
    }

    #trading-carnival .active-time > div {
        display: flex;
        background-color: #f6f8fa;
        padding-left: 184px;
        width: 1200px;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px
    }

    #trading-carnival .active-time > div > div:first-of-type {
        margin-right: 152px;
        margin-bottom: 0;
        width: 311px;
        margin-left: 0
    }

    #trading-carnival .active-time > div > div:nth-of-type(2) {
        align-self: center
    }

    #trading-carnival .active-time > div > div:nth-of-type(2) h2 {
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        letter-spacing: 5px;
        color: #343434
    }

    #trading-carnival .active-time > div > div:nth-of-type(2) img {
        margin-bottom: 0;
        margin-left: 4px
    }

    #trading-carnival .active-time > div > div:nth-of-type(2) p {
        font-size: 22px;
        line-height: 36px;
        letter-spacing: 4px;
        color: #343434;
        text-align: start;
        margin-top: 20px
    }

    #trading-carnival .active-time h2 {
        text-align: start;
        position: relative;
        top: 12px;
        font-weight: 400
    }

    #trading-carnival h2 {
        font-size: 40px;
        font-weight: 700;
        letter-spacing: 0;
        color: #343434;
        text-align: center;
        line-height: 1
    }

    #trading-carnival .award-big {
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0
    }

    #trading-carnival .award-big > div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #trading-carnival .award-big h2 {
        margin-bottom: 32px;
        margin-left: 8px
    }

    #trading-carnival .award-big ul {
        display: grid;
        justify-content: space-between;
        grid-template-columns:repeat(3, 380px);
        width: auto
    }

    #trading-carnival .award-big .daisen {
        margin-top: 8px
    }

    #trading-carnival .award-big .huawei-book {
        margin-top: 24px
    }

    #trading-carnival .award-big .sony {
        margin-top: 8px;
        margin-left: 16px
    }

    #trading-carnival .award-big {
        margin-top: 20px;
        margin-left: 12px
    }

    #trading-carnival .award-big li > div {
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(13, 6, 21, .34);
        border-radius: 10px;
        height: 496px;
        padding-top: 40px;
        margin-top: 8px
    }

    #trading-carnival .award-big .badge {
        position: absolute;
        top: -8px;
        left: -8px
    }

    #trading-carnival .award-big li > div {
        background-image: none;
        position: relative;
        text-align: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 498px;
        max-width: 1200px
    }

    #trading-carnival .award-big li > div > div {
        height: 236px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    #trading-carnival .award-big li p:first-of-type {
        font-size: 40px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: #1b4d93;
        margin-bottom: 12px
    }

    #trading-carnival .award-big li p:nth-of-type(2) {
        height: 68px;
        font-size: 16px;
        letter-spacing: 0;
        color: #343434
    }

    #trading-carnival .award-big li p:nth-of-type(3) {
        font-size: 18px;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-top: 16px
    }

    #trading-carnival .award-big li p:nth-of-type(4) {
        font-size: 18px;
        color: #343434;
        line-height: 1;
        margin-top: 8px;
        margin-left: 12px
    }

    #trading-carnival .award-big li p:nth-of-type(4) span {
        font-size: 32px;
        color: #1b4d93;
        line-height: 1;
        font-weight: 700
    }

    #trading-carnival .award-small {
        margin-bottom: 72px;
        padding-left: 0;
        padding-right: 0
    }

    #trading-carnival .award-small > div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #trading-carnival .award-small > div > a {
        width: 320px;
        margin-right: auto;
        margin-left: auto;
        display: block
    }

    #trading-carnival .award-small .ear-phone {
        height: auto
    }

    #trading-carnival .award-small ul {
        display: grid;
        justify-content: space-between;
        grid-template-columns:repeat(5, 228px)
    }

    #trading-carnival .award-small li {
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(13, 6, 21, .34);
        border-radius: 10px;
        text-align: center;
        height: 316px;
        padding-top: 24px
    }

    #trading-carnival .award-small li > div {
        height: 172px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #trading-carnival .award-small li > div img {
        height: auto
    }

    #trading-carnival .award-small li p:first-of-type {
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: #1b4d93;
        margin-bottom: 8px
    }

    #trading-carnival .award-small li p:nth-of-type(2) {
        height: 36px;
        font-size: 14px;
        letter-spacing: 0;
        color: #000
    }

    #trading-carnival .award-small li p:nth-of-type(3) {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-top: 0
    }

    #trading-carnival .award-small li p:nth-of-type(4) {
        font-size: 14px;
        color: #343434;
        line-height: 1;
        margin-top: 4px
    }

    #trading-carnival .award-small li p:nth-of-type(4) span {
        font-size: 22px;
        color: #1b4d93;
        line-height: 1;
        font-weight: 700
    }

    #trading-carnival .exchange-now {
        width: 320px;
        height: 72px;
        border-radius: 999px;
        box-shadow: 0;
        border: 0 solid #000;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #trading-carnival .exchange-now .btn-text {
        font-size: 28px;
        color: #fff;
        font-weight: 700;
        text-shadow: none
    }

    #trading-carnival .exchange-now {
        margin-left: auto;
        margin-right: auto;
        margin-top: 56px
    }

    #trading-carnival .process {
        margin-bottom: 60px;
        padding-left: 0;
        padding-right: 0
    }

    #trading-carnival .process h2 {
        margin-bottom: 36px
    }

    #trading-carnival .process > div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #trading-carnival .process .new-client > div img {
        width: auto
    }

    #trading-carnival .process .old-client > div img {
        width: auto
    }

    #trading-carnival .process > div > div:first-of-type {
        display: flex;
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-between
    }

    #trading-carnival .process .new-client {
        background-image: url(/static/home/images/pc-sec-5-bg-1.png)
    }

    #trading-carnival .process .new-client, #trading-carnival .process .old-client {
        background-repeat: no-repeat;
        background-size: cover;
        width: 592px;
        height: 592px;
        padding-top: 56px
    }

    #trading-carnival .process .old-client {
        background-image: url(/static/home/images/pc-sec-5-bg-2.png)
    }

    #trading-carnival .process h3 {
        line-height: 1;
        font-size: 36px;
        color: #186be6;
        text-align: center;
        font-weight: 700;
        margin-top: 0
    }

    #trading-carnival .process .new-client > div {
        display: flex;
        margin-top: 40px;
        padding-left: 80px
    }

    #trading-carnival .process .new-client > div img {
        margin-right: 20px
    }

    #trading-carnival .process .old-client > div {
        display: flex;
        margin-top: 40px;
        padding-left: 84px
    }

    #trading-carnival .process .old-client > div img {
        margin-right: 24px
    }

    #trading-carnival .process ol > li {
        font-size: 26px;
        line-height: 88px;
        letter-spacing: 0;
        color: #343434
    }

    #trading-carnival .process .new-client li:nth-of-type(5) {
        margin-top: 12px
    }

    #trading-carnival .process .old-client li:nth-of-type(4) {
        margin-top: 12px
    }

    #trading-carnival .information {
        margin-bottom: 60px;
        padding-left: 0;
        padding-right: 0
    }

    #trading-carnival .information h2 {
        margin-left: 8px
    }

    #trading-carnival .information > div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #trading-carnival .information > div > div:first-of-type {
        background-color: #f7f9fa;
        margin-top: 40px;
        padding: 44px 44px 32px 36px
    }

    #trading-carnival .information ol li {
        display: flex;
        margin-bottom: 20px
    }

    #trading-carnival .information ol li > div {
        width: 28px;
        height: 28px;
        background-color: #186be6;
        border-radius: 50%;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #trading-carnival .information ol li p {
        padding-left: 12px;
        flex: 1;
        color: #5a5a5a;
        font-size: 18px;
        line-height: 28px
    }

    #trading-carnival .information ol {
        margin-top: 24px
    }

    #trading-carnival .information ol li > div span {
        font-size: 16px;
        line-height: 25px
    }

    #trading-carnival .information ol li:nth-of-type(7) div {
        margin-top: 12px
    }

    #trading-carnival .information ol li:nth-of-type(7) {
        margin-bottom: 36px
    }

    #trading-carnival .information ol li:nth-of-type(7) p {
        margin-top: 12px
    }

    #trading-carnival .final-explain {
        font-size: 14px;
        letter-spacing: 0;
        color: #5a5a5a;
        text-align: center;
        margin-left: 4px
    }
}

#new-multi-campaign-page .banner h2 {
    text-shadow: 0 2px 3px rgba(0, 45, 112, .4);
    order: 2;
    width: 128px
}

#new-multi-campaign-page .banner {
    background-image: url(/static/home/images/new-im-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 44px;
    padding: 36px 48px 24px 40px
}

#new-multi-campaign-page .banner > div {
    display: flex;
    justify-content: space-between
}

#new-multi-campaign-page .banner ul {
    order: 1
}

#new-multi-campaign-page .banner ul li {
    width: 120px;
    height: 104px;
    background-color: rgba(0, 120, 255, .6);
    box-shadow: 0 2px 3px 0 rgba(0, 41, 101, .4);
    border-radius: 3px;
    border: 1px solid #fff
}

#new-multi-campaign-page .white-cards > ul > li {
    padding: 16px 20px 20px;
    background-color: #fff;
    margin-bottom: 32px;
    border-radius: 10px;
    box-shadow: 0 3px 18px 2px rgba(90, 90, 90, .4)
}

#new-multi-campaign-page .banner .blue-block {
    padding-bottom: 10px
}

#new-multi-campaign-page .banner .white-block {
    background-color: #fff
}

#new-multi-campaign-page .white-cards {
    background-color: #f4f6f6
}

#new-multi-campaign-page .white-cards > ul > li > img {
    display: block;
    width: 168px;
    height: 3px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -20px
}

#new-multi-campaign-page .white-cards .tittle {
    margin-top: 20px
}

#new-multi-campaign-page .white-cards .tittle img {
    width: 36px
}

#new-multi-campaign-page .white-cards .tittle {
    align-items: center
}

#new-multi-campaign-page .white-cards .second-ul > li {
    align-items: baseline
}

#new-multi-campaign-page .white-cards .second-ul > li > div:first-of-type {
    margin-right: 12px
}

#new-multi-campaign-page .white-cards .second-ul > li > div:first-of-type img {
    width: 12px;
    min-width: 12px
}

#new-multi-campaign-page .banner > div > div:first-of-type {
    order: 2
}

#new-multi-campaign-page .trade-now {
    width: 180px;
    height: 36px;
    border-radius: 999px;
    box-shadow: 0 1px 1px 0 rgba(221, 136, 5, .6);
    border: 0 solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    margin-right: auto;
    margin-left: auto
}

#new-multi-campaign-page .trade-now .btn-text {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-shadow: none
}

#new-multi-campaign-page .new-client {
    display: flex;
    background-color: rgba(0, 0, 0, .4);
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    padding-right: 8px;
    padding-left: 8px
}

#new-multi-campaign-page .new-client > div {
    padding: 32px 12px 36px 32px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    height: 388px
}

#new-multi-campaign-page .new-client .word-block {
    overflow-y: auto;
    height: 100%
}

#new-multi-campaign-page .new-client > div > img {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 18px
}

#new-multi-campaign-page .new-client ol li {
    display: flex
}

#new-multi-campaign-page .new-client ol li span {
    margin-left: -12px;
    margin-right: 4px
}

#new-multi-campaign-page .new-client {
    display: none;
    z-index: 500
}

#new-multi-campaign-page .new-client ol li p span {
    color: #276ccc;
    margin-right: 0;
    margin-left: 0
}

#new-multi-campaign-page .eazy-change, #new-multi-campaign-page .friends-reference {
    display: none
}

#new-multi-campaign-page .third-card-p-fmt {
    margin-top: -8px
}

#new-multi-campaign-page .animate-btn {
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 999px;
    font-size: 18px;
    font-stretch: normal;
    line-height: 10px;
    color: #fff;
    text-shadow: 1px 1px 0 #c7ad4b
}

#new-multi-campaign-page .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #f47631
}

#new-multi-campaign-page .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background: #f89600;
    background-blend-mode: normal, normal;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#new-multi-campaign-page .animate-btn:after {
    border: 2px solid #ef8f05;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 999px;
    z-index: -2
}

#new-multi-campaign-page .animate-btn:hover:before {
    left: 127%
}

#new-multi-campaign-page .animate-btn:hover span {
    color: #f89600
}

@media (min-width: 1200px) {
    #new-multi-campaign-page .third-card-p-fmt {
        margin-top: 0
    }

    #new-multi-campaign-page .new-client > div > img {
        position: absolute;
        top: 8px;
        right: 12px;
        width: 21px
    }

    #new-multi-campaign-page .new-client > div {
        height: 432px;
        width: 1200px;
        padding: 36px 64px 32px 80px
    }

    #new-multi-campaign-page .new-client ol li span {
        margin-left: -24px;
        margin-right: 16px
    }

    #new-multi-campaign-page .banner h2 {
        text-shadow: 0 3px 5px rgba(0, 45, 112, .4)
    }

    #new-multi-campaign-page .banner {
        background-image: url(/static/home/images/new-ipc-banner-bg.jpg);
        padding-top: 200px;
        padding-bottom: 44px;
        margin-top: 0;
        background-size: 100% 100%
    }

    #new-multi-campaign-page .banner > div {
        display: block;
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #new-multi-campaign-page .banner ul {
        display: flex;
        margin-left: 8px
    }

    #new-multi-campaign-page .tittle-block {
        align-items: baseline
    }

    #new-multi-campaign-page .banner ul li {
        margin-right: 60px
    }

    #new-multi-campaign-page .banner h2 {
        width: 227px;
        margin-bottom: 68px
    }

    #new-multi-campaign-page .banner ul li {
        min-width: 240px;
        height: 208px;
        background-color: rgba(0, 120, 255, .6);
        box-shadow: 0 3px 5px 1px rgba(0, 41, 101, .4);
        border-radius: 6px;
        border: 1px solid #fff
    }

    #new-multi-campaign-page .banner .blue-block {
        padding-top: 12px;
        padding-bottom: 32px
    }

    #new-multi-campaign-page .white-cards > ul {
        display: grid;
        width: 1200px;
        margin-right: auto;
        margin-left: auto;
        grid-template-columns:repeat(3, 384px);
        justify-content: space-between;
        padding-top: 20px
    }

    #new-multi-campaign-page .white-cards {
        padding-right: 0;
        padding-left: 0
    }

    #new-multi-campaign-page .white-cards > ul > li > img {
        width: 192px;
        height: 4px;
        border-radius: 2px;
        margin-top: -40px
    }

    #new-multi-campaign-page .white-cards .second-ul > li > div:first-of-type img {
        width: 18px;
        min-width: 18px
    }

    #new-multi-campaign-page .trade-now {
        width: 280px;
        height: 64px;
        border-radius: 999px;
        box-shadow: 0 2px 3px 0 rgba(221, 136, 5, .6);
        border: 0 solid #000;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #new-multi-campaign-page .trade-now .btn-text {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
        text-shadow: none;
        letter-spacing: 0
    }

    #new-multi-campaign-page .white-cards > ul > li {
        padding-top: 40px;
        padding-bottom: 40px;
        height: 536px
    }

    #new-multi-campaign-page .white-cards > ul > li:first-of-type .trade-now {
        margin-top: 128px
    }

    #new-multi-campaign-page .white-cards > ul > li:nth-of-type(2) .trade-now {
        margin-top: 54px
    }

    #new-multi-campaign-page .white-cards > ul > li:nth-of-type(3) .trade-now {
        margin-top: 76px
    }

    #new-multi-campaign-page .white-cards .tittle img {
        width: 52px
    }

    #new-multi-campaign-page .white-cards .tittle {
        margin-top: 36px
    }
}

#bolt-stocks-landing-page .the-best-choice ul {
    display: flex;
    overflow-x: auto
}

#bolt-stocks-landing-page .the-best-choice ul li {
    width: 100px
}

#bolt-stocks-landing-page .need-help {
    background-color: #1187f4
}

#bolt-stocks-landing-page .banner {
    background-image: url(/static/home/images/m-banner-bg.jpeg);
    background-size: cover;
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 492px;
    margin-bottom: 60px
}

#bolt-stocks-landing-page .many-broker {
    background-image: url(/static/home/images/m-blue-bg.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 164px;
    background-position-y: 10%
}

#bolt-stocks-landing-page .the-best-choice ul li img {
    height: 40px;
    margin-bottom: 8px
}

#bolt-stocks-landing-page .many-broker ul li div {
    margin-right: 8px;
    width: 8px
}

#bolt-stocks-landing-page .the-best-choice ul {
    height: 200px
}

#bolt-stocks-landing-page .the-best-choice ul li {
    min-width: 100px;
    max-width: 100px;
    margin-right: 8px;
    margin-left: 8px;
    text-align: center
}

#bolt-stocks-landing-page .any-time, #bolt-stocks-landing-page .the-best-choice {
    padding-right: 20px;
    padding-left: 20px
}

#bolt-stocks-landing-page .any-time ul {
    justify-content: center
}

#bolt-stocks-landing-page .any-time ul li {
    margin-left: 8px;
    margin-right: 8px
}

#bolt-stocks-landing-page .phone-pic {
    width: 272px;
    margin-left: auto;
    margin-right: auto
}

#bolt-stocks-landing-page .download-btn {
    margin-top: 32px
}

#bolt-stocks-landing-page .ios-download img {
    width: 208px;
    margin-right: auto;
    margin-left: auto;
    display: block
}

#bolt-stocks-landing-page .many-broker {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px
}

#bolt-stocks-landing-page .many-broker ul {
    padding-left: 16px
}

#bolt-stocks-landing-page .many-broker ul li {
    display: flex;
    margin-bottom: 20px;
    text-align: start
}

#bolt-stocks-landing-page .many-broker ul li img {
    min-width: 8px
}

#bolt-stocks-landing-page .own-manager {
    padding-left: 20px;
    padding-right: 20px
}

#bolt-stocks-landing-page .own-manager ul li {
    width: 334px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#bolt-stocks-landing-page .own-manager ul li div {
    padding-top: 20px;
    padding-bottom: 20px
}

#bolt-stocks-landing-page .own-manager ul li img {
    margin-right: auto;
    margin-left: auto
}

#bolt-stocks-landing-page .need-help {
    padding-left: 20px;
    padding-right: 20px
}

#bolt-stocks-landing-page .m-button {
    width: 100%;
    margin-bottom: 0;
    background-color: #626364;
    position: fixed;
    bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    z-index: 50
}

#bolt-stocks-landing-page .start-trading {
    background: #ff7800;
    width: 280px;
    height: 51px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 999px;
    box-shadow: none;
    border: 0 solid #000;
    display: flex;
    align-items: center;
    justify-content: center
}

#bolt-stocks-landing-page .start-trading .btn-text {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-shadow: none
}

#bolt-stocks-landing-page .arrow-down-div {
    position: relative;
    width: 60px;
    margin-right: auto;
    margin-left: auto
}

#bolt-stocks-landing-page .down-arrow-btn {
    display: flex;
    height: 60px;
    width: 60px;
    background-color: #fff;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .18);
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 56px
}

#bolt-stocks-landing-page .down-arrow-btn img {
    width: 22px
}

#bolt-stocks-landing-page .header {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px
}

#bolt-stocks-landing-page .header img {
    width: 200px
}

#bolt-stocks-landing-page .slider-box {
    border-radius: 28px;
    overflow: hidden
}

#bolt-stocks-landing-page .content-active {
    display: block
}

@media (min-width: 1200px) {
    #bolt-stocks-landing-page .many-broker ul li {
        align-items: center
    }

    #bolt-stocks-landing-page .own-manager ul li > div {
        text-align: left
    }

    #bolt-stocks-landing-page .header {
        padding-top: 16px;
        padding-bottom: 20px
    }

    #bolt-stocks-landing-page .header div {
        width: 1200px;
        margin-right: auto;
        margin-left: auto
    }

    #bolt-stocks-landing-page .header img {
        width: 300px
    }

    #bolt-stocks-landing-page .down-arrow-btn {
        position: absolute;
        bottom: 104px
    }

    #bolt-stocks-landing-page .google-hidden-triger:hover {
        margin-right: 8px
    }

    #bolt-stocks-landing-page .google-hidden-triger:hover div {
        display: block
    }

    #bolt-stocks-landing-page .google-hidden-triger img {
        cursor: pointer
    }

    #bolt-stocks-landing-page .ios-hidden-triger:hover div {
        display: block
    }

    #bolt-stocks-landing-page .ios-hidden-triger img {
        cursor: pointer
    }

    #bolt-stocks-landing-page .phone-pic {
        margin-left: 120px;
        margin-right: 0
    }

    #bolt-stocks-landing-page .the-best-choice ul {
        height: auto
    }

    #bolt-stocks-landing-page .the-best-choice ul li {
        min-width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        text-align: start;
        align-items: center
    }

    #bolt-stocks-landing-page .own-manager ul li {
        margin-left: 0;
        margin-right: 0;
        align-items: center
    }

    #bolt-stocks-landing-page .form-box {
        width: 386px;
        background-color: #fff;
        box-shadow: 0 16px 60px 0 rgba(90, 90, 90, .24);
        border-radius: 40px;
        position: fixed;
        top: 136px;
        right: 400px;
        padding: 32px 20px 40px
    }

    #bolt-stocks-landing-page .footer {
        width: 100%;
        height: 40px;
        background-color: #191919
    }

    #bolt-stocks-landing-page .footer p {
        font-size: 14px;
        line-height: 40px;
        letter-spacing: 0;
        color: #fff;
        text-align: center
    }

    #bolt-stocks-landing-page .own-manager ul li img {
        margin-right: 0;
        margin-left: 0
    }

    #bolt-stocks-landing-page .the-best-choice ul li img {
        height: auto;
        margin-bottom: 0
    }

    #bolt-stocks-landing-page .the-best-choice ul li:nth-of-type(10) img {
        max-width: inherit
    }

    #bolt-stocks-landing-page .any-time {
        padding-right: 0;
        padding-left: 0
    }

    #bolt-stocks-landing-page .ios-download > img {
        width: auto;
        margin-right: 0;
        margin-left: 0
    }

    #bolt-stocks-landing-page .any-time ul li {
        margin-left: 0;
        margin-right: 0
    }

    #bolt-stocks-landing-page .the-best-choice {
        padding-right: 0;
        padding-left: 0
    }

    #bolt-stocks-landing-page .banner {
        margin-top: 0;
        background-image: url(/static/home/images/banner-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 56px 0 572px;
        height: auto;
        margin-bottom: 0
    }

    #bolt-stocks-landing-page .xl\:font-normal {
        font-weight: 400
    }

    #bolt-stocks-landing-page .the-best-choice ul {
        align-items: center;
        row-gap: 40px
    }

    #bolt-stocks-landing-page .the-best-choice ul li {
        width: 340px
    }

    #bolt-stocks-landing-page .the-best-choice ul li div {
        min-width: 64px;
        margin-right: 20px
    }

    #bolt-stocks-landing-page .the-best-choice ul li:nth-of-type(8) div {
        width: 48px
    }

    #bolt-stocks-landing-page .the-best-choice ul li:nth-of-type(10) div {
        width: 60px;
        max-width: inherit
    }

    #bolt-stocks-landing-page .many-broker {
        background-image: url(/static/home/images/sec-4-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 160px
    }

    #bolt-stocks-landing-page .the-best-choice ul {
        display: grid;
        grid-template-columns:repeat(2, 340px);
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    #bolt-stocks-landing-page .xl\:block {
        display: block
    }

    #bolt-stocks-landing-page .xl\:flex {
        display: flex
    }

    #bolt-stocks-landing-page .any-time ul li {
        align-items: center
    }

    #bolt-stocks-landing-page .android-code {
        width: 208px;
        height: 249px;
        background-color: #fff;
        box-shadow: 0 16px 60px 0 rgba(90, 90, 90, .24);
        border-radius: 6px;
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute
    }

    #bolt-stocks-landing-page .android-code p {
        text-align: center
    }

    #bolt-stocks-landing-page .ios-code {
        width: 208px;
        height: 224px;
        background-color: #fff;
        box-shadow: 0 16px 60px 0 rgba(90, 90, 90, .24);
        border-radius: 6px;
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute
    }

    #bolt-stocks-landing-page .ios-code p {
        text-align: center
    }

    #bolt-stocks-landing-page .many-broker {
        margin-top: -16px;
        padding-top: 320px
    }

    #bolt-stocks-landing-page .download-btn {
        margin-top: 0
    }

    #bolt-stocks-landing-page .many-broker ul {
        padding-left: 0
    }

    #bolt-stocks-landing-page .many-broker ul li {
        display: flex;
        margin-bottom: 44px
    }

    #bolt-stocks-landing-page .many-broker ul li:nth-of-type(9) {
        display: flex;
        margin-bottom: 0
    }

    #bolt-stocks-landing-page .many-broker ul li div {
        margin-right: 12px
    }

    #bolt-stocks-landing-page .own-manager ul li {
        margin-bottom: 0
    }

    #bolt-stocks-landing-page .own-manager ul li div {
        margin-right: 20px;
        width: 60px
    }

    #bolt-stocks-landing-page .own-manager ul li div img {
        text-align: start
    }

    #bolt-stocks-landing-page .own-manager ul li:nth-of-type(4) {
        margin-bottom: 0
    }

    #bolt-stocks-landing-page .slider-box {
        border-radius: 24px;
        overflow: hidden
    }
}

#honor-content-page a.text-white {
    color: #fff
}

#honor-content-page .honor-info {
    background-image: url(/static/home/images/m-honor-bg.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover
}

#honor-content-page .honor-list {
    display: grid;
    grid-gap: 8px;
    grid-auto-rows: minmax(180px, auto);
    grid-template-columns:repeat(2, 1fr);
    justify-content: space-between;
    margin-bottom: 20px
}

#honor-content-page .honor-list > li {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    font-weight: 700
}

#honor-content-page .honor-list > li h3 {
    font-size: 14px;
    line-height: 1;
    color: #343434;
    padding: 12px 0 4px;
    margin: 0 8px 16px;
    border-bottom: 2px solid #858585
}

#honor-content-page .honor-list > li ul li {
    display: flex;
    align-items: flex-start;
    margin: 0 8px 4px
}

#honor-content-page .honor-list > li ul li img {
    margin-right: 8px;
    width: 16px;
    margin-top: 2px
}

#honor-content-page .honor-list > li ul li p {
    font-size: 12px;
    line-height: 1.5;
    color: #343434
}

#honor-content-page .honor-list > li div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    background-color: #142d42;
    margin-top: auto;
    padding: 0 8px;
    font-size: 12px;
    line-height: 1;
    color: #fff
}

#honor-content-page .honor-list > li:first-of-type, #honor-content-page .honor-list > li:nth-of-type(2), #honor-content-page .honor-list > li:nth-of-type(3), #honor-content-page .honor-list > li:nth-of-type(4), #honor-content-page .honor-list > li:nth-of-type(5), #honor-content-page .honor-list > li:nth-of-type(6), #honor-content-page .honor-list > li:nth-of-type(7), #honor-content-page .honor-list > li:nth-of-type(8), #honor-content-page .honor-list > li:nth-of-type(9), #honor-content-page .honor-list > li:nth-of-type(10), #honor-content-page .honor-list > li:nth-of-type(11), #honor-content-page .honor-list > li:nth-of-type(12) {
    display: flex
}

#honor-content-page .honor-list > li {
    display: none
}

@media (min-width: 1200px) {
    #honor-content-page {
        margin-bottom: -60px
    }

    #honor-content-page .honor-info {
        background-image: url(/static/home/images/pc-honor-bg.jpg);
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: cover;
        padding: 40px 0 96px 40px
    }

    #honor-content-page .honor-list {
        display: grid;
        grid-gap: 24px 16px;
        grid-auto-rows: minmax(238px, auto);
        grid-template-columns:repeat(3, 1fr);
        justify-content: space-between
    }

    #honor-content-page .honor-list > li {
        display: flex;
        flex-direction: column;
        background-color: #f2f2f2;
        font-weight: 400
    }

    #honor-content-page .honor-list > li h3 {
        font-size: 16px;
        line-height: 1;
        color: #343434;
        padding: 16px 0;
        margin: 0 16px 20px;
        border-bottom: 2px solid #858585
    }

    #honor-content-page .honor-list > li ul li {
        display: flex;
        align-items: center;
        margin: 0 16px 8px
    }

    #honor-content-page .honor-list > li ul li img {
        margin-right: 8px;
        width: auto
    }

    #honor-content-page .honor-list > li ul li p {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 1px;
        color: #343434
    }

    #honor-content-page .honor-list > li div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 52px;
        background-color: #142d42;
        margin-top: auto;
        padding: 0 20px 0 16px;
        font-size: 14px;
        line-height: 1;
        color: #fff
    }

    #honor-content-page .honor-list > li div img {
        height: auto
    }

    #honor-content-page .honor-list > li.global-banking h3 {
        line-height: 1.5;
        white-space: pre-line;
        padding-bottom: 12px;
        margin-bottom: 8px
    }

    #honor-content-page .honor-list > li.global-banking ul li img {
        margin-top: -16px
    }

    #honor-content-page .honor-list > li.global-banking p {
        line-height: 1.5
    }

    #honor-content-page .m-more-honor {
        display: none
    }
}

#about-us-content-page .banner {
    background-image: url(/static/home/images/m-banner.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#about-us-content-page .banner .banner-title {
    text-shadow: 0 2px 4px rgba(1, 11, 66, .35)
}

#about-us-content-page .section-title {
    font-size: 16px;
    color: #2e2e2e;
    font-weight: 700
}

#about-us-content-page .section-p {
    font-size: 14px;
    line-height: 1.375;
    color: #5b5b5b
}

#about-us-content-page .section-one-grid-list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    justify-content: space-between;
    text-align: center
}

#about-us-content-page .section-one-grid-list > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

#about-us-content-page .section-one-grid-list > div {
    align-self: end;
    justify-self: center
}

#about-us-content-page .section-one-grid-list img {
    margin: 0 auto 8px
}

#about-us-content-page .m-pic-box {
    display: block
}

#about-us-content-page .m-hidden, #about-us-content-page .section-two-grid .pic-box {
    display: none
}

#about-us-content-page .pc-hidden {
    display: flex
}

@media (min-width: 1200px) {
    #about-us-content-page {
        margin-bottom: -100px
    }

    #about-us-content-page .m-hidden {
        display: flex
    }

    #about-us-content-page .pc-hidden {
        display: none
    }

    #about-us-content-page .section-title {
        font-size: 26px;
        color: #2e2e2e;
        font-weight: 700
    }

    #about-us-content-page .section-p {
        font-size: 16px;
        line-height: 1.5;
        color: #5b5b5b
    }

    #about-us-content-page .section-one-grid-list {
        display: grid;
        grid-template-columns:repeat(4, 144px);
        justify-content: space-between;
        text-align: center
    }

    #about-us-content-page .section-one-grid-list > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end
    }

    #about-us-content-page .section-one-grid-list > div {
        align-self: end;
        justify-self: start
    }

    #about-us-content-page .section-one-grid-list > div:last-of-type {
        align-self: end;
        justify-self: end
    }

    #about-us-content-page .section-one-grid-list img {
        margin: 0 auto 12px
    }

    #about-us-content-page .m-pic-box {
        display: none
    }

    #about-us-content-page .section-two-grid {
        display: grid;
        grid-template-columns:repeat(2, 50%)
    }

    #about-us-content-page .section-two-grid .pic-box {
        display: flex;
        justify-content: flex-end
    }
}

#cfd-page .btn-box {
    width: 164px;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

#cfd-page .btn-box span {
    z-index: 2;
    font-weight: 700
}

#cfd-page .btn-box:hover {
    color: #90b851
}

#cfd-page .btn-box:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #87be37;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#cfd-page .btn-box:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #90b851;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#cfd-page .btn-box:hover:before {
    left: 127%
}

#cfd-page .m-title {
    margin-top: 52px;
    padding: 10px 16px 0
}

#cfd-page .m-title h2 {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #4787c1;
    border-bottom: 2px solid #4787c1;
    width: 68px;
    padding-bottom: 4px;
    margin-bottom: 4px
}

#cfd-page .banner .text-box {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 28px;
    padding: 40px 0 148px 32px
}

#cfd-page .banner h1 {
    font-weight: 700;
    font-stretch: normal;
    margin-bottom: 16px
}

#cfd-page .banner h1, #cfd-page .banner h2 {
    font-size: 26px;
    line-height: 1;
    letter-spacing: 1px;
    color: #343434
}

#cfd-page .banner h2 {
    font-weight: 400;
    margin-bottom: 24px
}

#cfd-page .banner p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #5a5a5a;
    margin-bottom: 10px
}

#cfd-page .form-section {
    margin: 0 auto 24px;
    width: 340px;
    height: 412px;
    background-color: #fff;
    box-shadow: 0 3px 15px 0 rgba(17, 6, 10, .11);
    border-radius: 4px
}

#cfd-page .choose-ava {
    margin-bottom: 0
}

#cfd-page .choose-ava h2 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 24px;
    color: #343434;
    margin-bottom: 24px;
    text-align: center
}

#cfd-page .choose-ava ul {
    display: grid;
    grid-template-columns:repeat(3, 116px);
    grid-auto-rows: 96px;
    justify-content: center
}

#cfd-page .choose-ava ul li {
    border-color: #ffb900;
    border-style: solid;
    border-width: 0 1px 7px 0;
    padding-top: 16px
}

#cfd-page .choose-ava ul li:first-of-type, #cfd-page .choose-ava ul li:nth-of-type(4) {
    border-left: 1px solid #ffb900
}

#cfd-page .choose-ava ul li img {
    max-height: 24px;
    margin: 0 auto 16px;
    display: block
}

#cfd-page .choose-ava ul li p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #5a5a5a;
    text-align: center
}

#cfd-page .cfd-guide {
    margin-bottom: 0
}

#cfd-page .cfd-guide .pic-box {
    width: 244px;
    margin: 0 auto
}

#cfd-page .cfd-guide .text-box {
    padding: 0 12px
}

#cfd-page .cfd-guide .text-box h2 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 4px
}

#cfd-page .cfd-guide .text-box > p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #343434
}

#cfd-page .cfd-guide .text-box ul {
    margin: 28px 0 24px
}

#cfd-page .cfd-guide .text-box ul li {
    display: flex;
    align-items: center
}

#cfd-page .cfd-guide .text-box ul li span {
    width: 4px;
    height: 4px;
    margin-right: 12px;
    background-color: #ffb900;
    border-radius: 999px
}

#cfd-page .cfd-guide .text-box ul li p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #5a5a5a
}

#cfd-page .cfd-guide .text-box .tip {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #5a5a5a;
    background-color: #efefef;
    border-radius: 3px;
    padding: 8px 16px;
    margin-bottom: 28px
}

#cfd-page .cfd-guide-info {
    margin-bottom: 28px;
    padding: 0 12px
}

#cfd-page .cfd-guide-info .pic-box img {
    width: 300px;
    display: block;
    margin: 0 auto
}

#cfd-page .cfd-guide-info .text-box h2 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 16px
}

#cfd-page .cfd-guide-info .text-box ul li {
    display: flex;
    align-items: flex-start;
    margin-top: 16px
}

#cfd-page .cfd-guide-info .text-box ul li span {
    width: 4px;
    height: 4px;
    background-color: #ffb900;
    border-radius: 999px;
    position: relative;
    top: 10px;
    margin-right: 12px
}

#cfd-page .cfd-guide-info .text-box ul li p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #343434;
    flex: 1
}

#cfd-page .why-ava {
    padding: 260px 12px 32px;
    background-image: url(/static/home/images/m-sec-6-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

#cfd-page .why-ava h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 20px
}

#cfd-page .why-ava ul {
    margin-bottom: 28px
}

#cfd-page .why-ava ul li {
    display: flex;
    align-items: flex-start
}

#cfd-page .why-ava ul li span {
    width: 4px;
    height: 4px;
    background-color: #ffb900;
    border-radius: 999px;
    position: relative;
    top: 10px;
    margin-right: 12px
}

#cfd-page .why-ava ul li p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #5a5a5a;
    flex: 1
}

@media (min-width: 1200px) {
    #cfd-page .m-title {
        display: none
    }

    #cfd-page .btn-box {
        width: 260px;
        height: 56px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        margin: 0 auto
    }

    #cfd-page .btn-box span {
        z-index: 2;
        font-weight: 700
    }

    #cfd-page .btn-box:hover {
        color: #90b851
    }

    #cfd-page .btn-box:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #87be37;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: 1
    }

    #cfd-page .btn-box:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #90b851;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0
    }

    #cfd-page .btn-box:hover:before {
        left: 127%
    }

    #cfd-page .banner {
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 48px
    }

    #cfd-page .banner > div {
        display: flex;
        justify-content: space-between
    }

    #cfd-page .banner .text-box {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        margin-bottom: 32px;
        padding: 20px 0 0;
        margin-top: 0
    }

    #cfd-page .banner h1 {
        font-weight: 700;
        font-stretch: normal;
        margin-bottom: 32px
    }

    #cfd-page .banner h1, #cfd-page .banner h2 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: 1px;
        color: #343434
    }

    #cfd-page .banner h2 {
        font-weight: 400;
        margin-bottom: 52px
    }

    #cfd-page .banner p {
        font-size: 24px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #5a5a5a;
        margin-bottom: 24px
    }

    #cfd-page .banner .text-box div {
        display: flex;
        align-items: center
    }

    #cfd-page .form-section {
        margin: 0 60px 0 0;
        width: 380px;
        height: 460px;
        background-color: #fff;
        box-shadow: 0 3px 15px 0 rgba(17, 6, 10, .11);
        border-radius: 4px
    }

    #cfd-page .choose-ava {
        margin-bottom: 0
    }

    #cfd-page .choose-ava h2 {
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 48px;
        letter-spacing: 1px;
        margin-bottom: 32px;
        text-align: center
    }

    #cfd-page .choose-ava ul {
        display: grid;
        grid-template-columns:repeat(6, 200px);
        grid-auto-rows: 160px;
        justify-content: center
    }

    #cfd-page .choose-ava ul li {
        border-color: #ffb900;
        border-style: solid;
        border-width: 0 1px 10px 0;
        padding-top: 32px
    }

    #cfd-page .choose-ava ul li:first-of-type {
        border-left: 1px solid #ffb900
    }

    #cfd-page .choose-ava ul li img {
        max-height: 36px;
        margin: 0 auto 28px;
        display: block
    }

    #cfd-page .choose-ava ul li p {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #5a5a5a;
        text-align: center
    }

    #cfd-page .cfd-guide {
        margin-bottom: 0
    }

    #cfd-page .cfd-guide > div {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    #cfd-page .cfd-guide .pic-box {
        width: 484px;
        margin: 0;
        order: 2
    }

    #cfd-page .cfd-guide .text-box {
        padding: 104px 0 0;
        order: 1
    }

    #cfd-page .cfd-guide .text-box h2 {
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 16px
    }

    #cfd-page .cfd-guide .text-box > p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #cfd-page .cfd-guide .text-box ul {
        margin: 12px 0 36px
    }

    #cfd-page .cfd-guide .text-box ul li {
        display: flex;
        align-items: center
    }

    #cfd-page .cfd-guide .text-box ul li span {
        width: 6px;
        height: 6px;
        margin-right: 12px;
        background-color: #ffb900;
        border-radius: 999px
    }

    #cfd-page .cfd-guide .text-box ul li p {
        font-size: 16px;
        line-height: 2.25;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #cfd-page .cfd-guide .text-box .tip {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 44px;
        letter-spacing: 0;
        color: #5a5a5a;
        background-color: #efefef;
        border-radius: 6px;
        padding: 0 32px;
        margin-bottom: 40px
    }

    #cfd-page .btn-box {
        margin: 0;
        border-radius: 4px
    }

    #cfd-page .cfd-guide-info {
        margin-bottom: 28px;
        padding: 0
    }

    #cfd-page .cfd-guide-info > div {
        display: flex;
        align-items: flex-start
    }

    #cfd-page .cfd-guide-info .pic-box img {
        width: 600px;
        display: block;
        margin: 0 auto
    }

    #cfd-page .cfd-guide-info .text-box {
        flex: 1;
        padding-left: 8px;
        padding-top: 64px
    }

    #cfd-page .cfd-guide-info .text-box h2 {
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 28px
    }

    #cfd-page .cfd-guide-info .text-box ul li {
        display: flex;
        align-items: flex-start;
        margin-top: 20px
    }

    #cfd-page .cfd-guide-info .text-box ul li span {
        width: 6px;
        height: 6px;
        background-color: #ffb900;
        border-radius: 999px;
        position: relative;
        top: 16px;
        margin-right: 16px
    }

    #cfd-page .cfd-guide-info .text-box ul li p {
        font-size: 16px;
        line-height: 2.25;
        letter-spacing: 0;
        color: #343434;
        flex: 1
    }

    #cfd-page .why-ava {
        padding: 60px 0;
        background-image: url(/static/home/images/pc-sec-6-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        margin-bottom: -40px
    }

    #cfd-page .why-ava h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 28px
    }

    #cfd-page .why-ava ul {
        margin-bottom: 48px;
        padding-left: 8px
    }

    #cfd-page .why-ava ul li {
        display: flex;
        align-items: flex-start
    }

    #cfd-page .why-ava ul li span {
        width: 6px;
        height: 6px;
        background-color: #ffb900;
        border-radius: 999px;
        position: relative;
        top: 16px;
        margin-right: 12px
    }

    #cfd-page .why-ava ul li p {
        font-size: 16px;
        line-height: 2.25;
        letter-spacing: 0;
        color: #5a5a5a;
        flex: 1
    }
}

#weekly-updates-page .video-player-box {
    background-color: rgba(0, 0, 0, .5)
}

#weekly-updates-page .video-player-box .alert-box {
    max-width: 800px
}

#weekly-updates-page {
    margin-bottom: 20px
}

#weekly-updates-page .text-info {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #5a5a5a;
    margin-bottom: 20px
}

#weekly-updates-page ul {
    display: grid;
    grid-template-columns:repeat(2, 48%);
    justify-content: space-between;
    grid-row-gap: 20px
}

#weekly-updates-page ul li {
    max-width: 168px
}

#weekly-updates-page ul li .video-btn-box {
    position: relative;
    cursor: pointer
}

#weekly-updates-page ul li .video-btn-box div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#weekly-updates-page ul li .video-btn-box > div img {
    width: 52px
}

#weekly-updates-page ul li h3 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-top: 8px;
    margin-bottom: 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#weekly-updates-page ul li p {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#weekly-updates-page ul li .time-box {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #666;
    margin-top: 8px
}

#weekly-updates-page ul li .time-box img {
    margin-right: 12px
}

@media (min-width: 1200px) {
    #weekly-updates-page {
        margin-bottom: -100px
    }

    #weekly-updates-page .text-info {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
        color: #5a5a5a;
        margin-bottom: 40px
    }

    #weekly-updates-page ul {
        display: grid;
        grid-template-columns:repeat(3, 278px);
        grid-auto-columns: 268px;
        justify-content: space-between;
        grid-row-gap: 40px
    }

    #weekly-updates-page ul li {
        max-width: 100%
    }

    #weekly-updates-page ul li .video-btn-box {
        position: relative;
        cursor: pointer
    }

    #weekly-updates-page ul li .video-btn-box > img {
        display: block;
        width: 100%
    }

    #weekly-updates-page ul li .video-btn-box > div > img {
        width: 80px
    }

    #weekly-updates-page ul li .video-btn-box div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #weekly-updates-page ul li h3 {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-top: 16px;
        margin-bottom: 8px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #weekly-updates-page ul li p {
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    #weekly-updates-page ul li .time-box {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
        color: #666;
        margin-top: 12px
    }

    #weekly-updates-page ul li .time-box img {
        margin-right: 12px
    }
}

#whbzj-content-page em {
    font-style: normal
}

#whbzj-content-page .ul-why-choose-ava > div {
    display: flex;
    align-items: flex-start
}

#whbzj-content-page .ul-why-choose-ava > div > div {
    display: block;
    min-width: 4px;
    min-height: 4px;
    border-radius: 50%;
    background-color: #417ec0;
    margin-right: 4px;
    margin-top: 10px
}

#whbzj-content-page .why-choose-ava {
    margin-bottom: 20px
}

#whbzj-content-page .btn-box a div {
    z-index: 200
}

#whbzj-content-page .sec-1-text {
    margin-bottom: 20px
}

#whbzj-content-page .sec-2-ul > div:first-of-type div:first-of-type img {
    width: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    display: block
}

#whbzj-content-page .sec-2-ul > div:nth-of-type(2) div:first-of-type img {
    width: 44px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    display: block
}

#whbzj-content-page .sec-2-ul > div:nth-of-type(3) div:first-of-type img {
    width: 48px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    display: block
}

#whbzj-content-page .sec-2-ul > div:nth-of-type(4) div:first-of-type img {
    width: 42px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    display: block
}

#whbzj-content-page .sec-2-ul > div:nth-of-type(5) div:first-of-type img {
    width: 46px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    display: block
}

#whbzj-content-page .good-and-bad h3, #whbzj-content-page .why-choose-ava .image-block {
    margin-bottom: 20px
}

#whbzj-content-page .bad-ul > div, #whbzj-content-page .good-ul > div {
    margin-bottom: 20px
}

#whbzj-content-page .advertisement {
    background-image: url(/static/home/images/pc-advertisement.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 24px;
    margin-bottom: 20px
}

#whbzj-content-page .advertisement p {
    text-shadow: 0 3px 2px rgba(1, 31, 134, .6)
}

#whbzj-content-page .advertisement > div {
    align-items: center
}

#whbzj-content-page .btn-box {
    display: flex;
    align-items: center;
    justify-content: center
}

#whbzj-content-page .btn-box a:first-of-type {
    width: 164px;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

#whbzj-content-page .btn-box a span {
    z-index: 2
}

#whbzj-content-page .btn-box a:first-of-type:hover {
    color: #87be37
}

#whbzj-content-page .btn-box a:first-of-type:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #87be37;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 1
}

#whbzj-content-page .btn-box a:first-of-type:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #87be37;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

#whbzj-content-page .btn-box a:first-of-type:hover:before {
    left: 127%
}

#whbzj-content-page .btn-box a:nth-of-type(2) {
    text-decoration: underline;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #3874b7;
    margin-left: 44px
}

#whbzj-content-page .common-question {
    background-image: url(/static/home/images/m-sec-7-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 16px 24px 0;
    margin-top: 20px;
    margin-bottom: 32px;
    display: block
}

#whbzj-content-page .common-question h2 {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 12px
}

#whbzj-content-page .common-question .question-box {
    box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
    background-color: #fff
}

#whbzj-content-page .common-question .question-box .question-list div {
    padding: 10px 12px;
    border-top: 1px solid #e7e7e7
}

#whbzj-content-page .common-question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#whbzj-content-page .common-question .question-items i {
    width: 12px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

#whbzj-content-page .common-question .answer-items {
    display: none
}

#whbzj-content-page .common-question h4 {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    margin-bottom: 8px
}

#whbzj-content-page .common-question p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 4px
}

#whbzj-content-page .white-blue-div {
    background-image: linear-gradient(-90deg, #e7f7ff, #fff), linear-gradient(#eef2f8, #eef2f8);
    background-blend-mode: normal, normal;
    border-radius: 5px;
    padding: 8px
}

#whbzj-content-page .advertisement .btn-box a:first-of-type {
    width: 100px;
    font-size: 14px
}

#whbzj-content-page .show-btn {
    cursor: pointer
}

#whbzj-content-page .show-btn p {
    text-decoration: underline
}

#whbzj-content-page .hidden-btn {
    cursor: pointer
}

#whbzj-content-page .hidden-btn p {
    text-decoration: underline
}

@media (min-width: 1200px) {
    #whbzj-content-page .what-is-text p {
        margin-bottom: 20px
    }

    #whbzj-content-page .good-and-bad h3 {
        font-weight: 700
    }

    #whbzj-content-page .hidden-text p {
        margin-bottom: 20px
    }

    #whbzj-content-page .advertisement .btn-box a:first-of-type {
        width: 260px;
        font-size: 20px
    }

    #whbzj-content-page .common-question {
        background-image: url(/static/home/images/pc-blue-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 36px 68px 0;
        margin-top: 20px;
        margin-bottom: 60px;
        display: block
    }

    #whbzj-content-page .common-question h2 {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        color: #fff;
        margin-bottom: 36px
    }

    #whbzj-content-page .common-question .question-box {
        box-shadow: 0 0 5px 0 rgba(0, 130, 190, .35);
        background-color: #fff
    }

    #whbzj-content-page .common-question .question-box .question-list div {
        padding: 16px 20px 20px;
        border-top: 1px solid #e7e7e7
    }

    #whbzj-content-page .common-question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #whbzj-content-page .common-question .question-items i {
        width: 12px;
        margin-right: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    #whbzj-content-page .common-question .answer-items {
        display: none
    }

    #whbzj-content-page .common-question h4 {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        margin-bottom: 8px
    }

    #whbzj-content-page .common-question p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.625;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 8px
    }

    #whbzj-content-page .btn-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #whbzj-content-page .btn-box a:first-of-type {
        width: 260px;
        height: 56px;
        border-radius: 4px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #whbzj-content-page .btn-box a:nth-of-type(2) {
        text-decoration: underline;
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
        color: #3874b7;
        margin-left: 160px
    }

    #whbzj-content-page .what-is-whbzj {
        padding-top: 32px
    }

    #whbzj-content-page .what-is-whbzj h2 {
        margin-bottom: 32px
    }

    #whbzj-content-page button {
        width: 260px;
        height: 56px
    }

    #whbzj-content-page .ul-why-choose-ava > div {
        display: flex;
        align-items: center
    }

    #whbzj-content-page .why-choose-ava .image-block {
        margin-bottom: 0
    }

    #whbzj-content-page .what-is-leveraged-trading h2 {
        margin-bottom: 36px
    }

    #whbzj-content-page .good-and-bad h2 {
        margin-bottom: 40px
    }

    #whbzj-content-page .text-page-content {
        padding-bottom: 0
    }

    #whbzj-content-page .advertisement {
        background-image: url(/static/home/images/pc-advertisement.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 42px 40px 42px 48px;
        margin-bottom: -84px
    }

    #whbzj-content-page .advertisement p {
        text-shadow: 0 3px 2px rgba(1, 31, 134, .6)
    }

    #whbzj-content-page .advertisement .flex {
        justify-content: space-between
    }

    #whbzj-content-page .what-is-text {
        width: 460px
    }

    #whbzj-content-page .good-ul {
        margin-bottom: 40px
    }

    #whbzj-content-page .bad-ul > div, #whbzj-content-page .good-ul > div {
        margin-bottom: 16px
    }

    #whbzj-content-page .ul-why-choose-ava > div > div {
        width: 4px;
        height: 4px;
        margin-right: 8px;
        margin-top: 4px
    }

    #whbzj-content-page .white-blue-div {
        padding: 20px 20px 16px;
        width: 934px;
        height: 223px;
        background-image: linear-gradient(-90deg, #e7f7ff, #fff), linear-gradient(#eef2f8, #eef2f8);
        background-blend-mode: normal, normal;
        border-radius: 10px
    }

    #whbzj-content-page .white-blue-div .image-block {
        margin-right: 20px
    }

    #whbzj-content-page .white-blue-div .image-block img {
        width: 384px
    }

    #whbzj-content-page .why-choose-ava {
        margin-bottom: 60px
    }

    #whbzj-content-page .what-is-leveraged-trading {
        margin-bottom: 52px
    }

    #whbzj-content-page .what-is-leveraged-trading > div > div:first-of-type {
        margin-right: 44px
    }

    #whbzj-content-page .good-and-bad {
        margin-bottom: 60px
    }

    #whbzj-content-page .good-and-bad h3 {
        margin-bottom: 20px
    }

    #whbzj-content-page .good > div > div {
        margin-bottom: 20px
    }

    #whbzj-content-page .sec-1-text {
        width: 541px
    }

    #whbzj-content-page .sec-2-ul > div > div:first-of-type {
        min-width: 50px
    }

    #whbzj-content-page .good {
        margin-bottom: 40px
    }

    #whbzj-content-page .why-choose-ava h2 {
        margin-bottom: 36px
    }
}

#products-pages .box-modification {
    width: 100%;
    box-shadow: 0 7px 12px 4px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 20px 20px 0;
    background: #fff
}

#products-pages .buy-sell-btn {
    width: 96px;
    height: 44px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: #1187f4
}

#products-pages .static-data {
    max-height: 92px;
    overflow: hidden
}

#products-pages .show-more {
    background: hsla(0, 0%, 100%, .8);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 12px;
    font-size: 12px;
    color: #1187f4;
    font-weight: 600
}

@media (min-width: 1200px) {
    #products-pages .xl\:hidden {
        display: none
    }

    #products-pages .static-data {
        max-height: 1200px
    }

    #products-pages .box-modification {
        width: 100%;
        box-shadow: 0 7px 12px 4px rgba(0, 0, 0, .1);
        margin-bottom: 30px;
        border-radius: 4px;
        padding: 20px 32px;
        background: #fff
    }

    #products-pages .buy-sell-btn {
        width: 144px;
        height: 56px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #1187f4
    }
}

#products-pages .trading-condition-text-editor h2 {
    color: #1187f4;
    font-weight: 700;
    font-size: 28px;
    margin: 15px 0 5px;
    line-height: 1
}

#products-pages .trading-condition-text-editor h3 {
    color: #343434;
    font-size: 30px;
    line-height: 1;
    padding: 15px 0 5px;
    margin: 15px 0 5px
}

#products-pages .trading-condition-text-editor p {
    margin: 5px 0 30px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #343434
}

#products-pages .trading-condition-text-editor a {
    color: #2882c0;
    font-weight: 400
}

#products-pages .trading-condition-text-editor ul {
    font-size: 14px;
    list-style-type: disc;
    list-style-position: inside;
    font-weight: 400;
    line-height: 1.5;
    color: #343434
}

#products-pages .trading-condition-text-editor .shadow-box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 15px #ccc;
    padding: 15px 15px 0;
    margin-left: 20px;
    display: flex
}

#products-pages .trading-condition-text-editor .shadow-box p {
    width: 100%
}

#products-pages .trading-condition-text-editor table tbody {
    border: none
}

#products-pages .trading-condition-text-editor table caption {
    padding: 8px 12px 12px;
    font-weight: 700
}

#products-pages .trading-condition-text-editor table td {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #343434;
    padding: 12px 12px 40px
}

#products-pages .trading-condition-text-editor table td:first-of-type {
    width: 55%;
    border-right: 1px solid #fff
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bg-transparent {
    background-color: transparent
}

.bg-black {
    --bg-opacity: 1;
    background-color: #22292f;
    background-color: rgba(34, 41, 47, var(--bg-opacity))
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity))
}

.bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity))
}

.bg-blue-225 {
    --bg-opacity: 1;
    background-color: #2257a7;
    background-color: rgba(34, 87, 167, var(--bg-opacity))
}

.bg-blue-417e {
    --bg-opacity: 1;
    background-color: #417ec0;
    background-color: rgba(65, 126, 192, var(--bg-opacity))
}

.bg-blue-4e9 {
    --bg-opacity: 1;
    background-color: #4e90d4;
    background-color: rgba(78, 144, 212, var(--bg-opacity))
}

.bg-blue-397 {
    --bg-opacity: 1;
    background-color: #3976f1;
    background-color: rgba(57, 118, 241, var(--bg-opacity))
}

.bg-gray-f4f6 {
    --bg-opacity: 1;
    background-color: #f4f6f6;
    background-color: rgba(244, 246, 246, var(--bg-opacity))
}

.bg-gray-f2f5 {
    --bg-opacity: 1;
    background-color: #f2f2f5;
    background-color: rgba(242, 242, 245, var(--bg-opacity))
}

.bg-gray-f2f4 {
    --bg-opacity: 1;
    background-color: #f2f4f4;
    background-color: rgba(242, 244, 244, var(--bg-opacity))
}

.bg-gray-34 {
    --bg-opacity: 1;
    background-color: #343434;
    background-color: rgba(52, 52, 52, var(--bg-opacity))
}

.bg-gray-f5f {
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity))
}

.bg-black-19 {
    --bg-opacity: 1;
    background-color: #191919;
    background-color: rgba(25, 25, 25, var(--bg-opacity))
}

.bg-ora-f89 {
    --bg-opacity: 1;
    background-color: #f89700;
    background-color: rgba(248, 151, 0, var(--bg-opacity))
}

.bg-yellow-f4e {
    --bg-opacity: 1;
    background-color: #f4e2a3;
    background-color: rgba(244, 226, 163, var(--bg-opacity))
}

.bg-green-82b {
    --bg-opacity: 1;
    background-color: #82bb41;
    background-color: rgba(130, 187, 65, var(--bg-opacity))
}

.bg-green-1e8 {
    --bg-opacity: 1;
    background-color: #1e8c78;
    background-color: rgba(30, 140, 120, var(--bg-opacity))
}

.bg-blue-28 {
    --bg-opacity: 1;
    background-color: #2882c0;
    background-color: rgba(40, 130, 192, var(--bg-opacity))
}

.bg-blue-337 {
    --bg-opacity: 1;
    background-color: #337dc7;
    background-color: rgba(51, 125, 199, var(--bg-opacity))
}

.bg-blue-173 {
    --bg-opacity: 1;
    background-color: #173a5e;
    background-color: rgba(23, 58, 94, var(--bg-opacity))
}

.bg-grey-f9f {
    --bg-opacity: 1;
    background-color: #f9f9f9;
    background-color: rgba(249, 249, 249, var(--bg-opacity))
}

.bg-blue-82b {
    --bg-opacity: 1;
    background-color: #82bb41;
    background-color: rgba(130, 187, 65, var(--bg-opacity))
}

.bg-yellow-f9e {
    --bg-opacity: 1;
    background-color: #f9e5ac;
    background-color: rgba(249, 229, 172, var(--bg-opacity))
}

.bg-yellow-f29 {
    --bg-opacity: 1;
    background-color: #f29900;
    background-color: rgba(242, 153, 0, var(--bg-opacity))
}

.bg-ora-ffa {
    --bg-opacity: 1;
    background-color: #ffa800;
    background-color: rgba(255, 168, 0, var(--bg-opacity))
}

.bg-blue-eef {
    --bg-opacity: 1;
    background-color: #eef6fd;
    background-color: rgba(238, 246, 253, var(--bg-opacity))
}

.bg-grey-ccc {
    --bg-opacity: 1;
    background-color: #ccc;
    background-color: rgba(204, 204, 204, var(--bg-opacity))
}

.bg-blue-409 {
    --bg-opacity: 1;
    background-color: #4094f8;
    background-color: rgba(64, 148, 248, var(--bg-opacity))
}

.bg-grey-faf {
    --bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, var(--bg-opacity))
}

.bg-org-fed {
    --bg-opacity: 1;
    background-color: #fed180;
    background-color: rgba(254, 209, 128, var(--bg-opacity))
}

.bg-blue-118 {
    --bg-opacity: 1;
    background-color: #1187f4;
    background-color: rgba(17, 135, 244, var(--bg-opacity))
}

.bg-ora-f39 {
    --bg-opacity: 1;
    background-color: #f39e09;
    background-color: rgba(243, 158, 9, var(--bg-opacity))
}

.bg-blue-558 {
    --bg-opacity: 1;
    background-color: #558ff7;
    background-color: rgba(85, 143, 247, var(--bg-opacity))
}

.bg-green-8dc {
    --bg-opacity: 1;
    background-color: #8dc34a;
    background-color: rgba(141, 195, 74, var(--bg-opacity))
}

.bg-blue-1f7 {
    --bg-opacity: 1;
    background-color: #1f7ec0;
    background-color: rgba(31, 126, 192, var(--bg-opacity))
}

.bg-blue-f2f {
    --bg-opacity: 1;
    background-color: #f2faff;
    background-color: rgba(242, 250, 255, var(--bg-opacity))
}

.bg-gray-323 {
    --bg-opacity: 1;
    background-color: #323234;
    background-color: rgba(50, 50, 52, var(--bg-opacity))
}

.bg-gray-343 {
    --bg-opacity: 1;
    background-color: #343434;
    background-color: rgba(52, 52, 52, var(--bg-opacity))
}

.bg-gray-302 {
    --bg-opacity: 1;
    background-color: #302a32;
    background-color: rgba(48, 42, 50, var(--bg-opacity))
}

.bg-grey-293 {
    --bg-opacity: 1;
    background-color: #293237;
    background-color: rgba(41, 50, 55, var(--bg-opacity))
}

.bg-gray-545 {
    --bg-opacity: 1;
    background-color: #545454;
    background-color: rgba(84, 84, 84, var(--bg-opacity))
}

.bg-gray-615 {
    --bg-opacity: 1;
    background-color: #615a5a;
    background-color: rgba(97, 90, 90, var(--bg-opacity))
}

.bg-gray-808 {
    --bg-opacity: 1;
    background-color: grey;
    background-color: rgba(128, 128, 128, var(--bg-opacity))
}

.bg-gray-eae {
    --bg-opacity: 1;
    background-color: #eaecf4;
    background-color: rgba(234, 236, 244, var(--bg-opacity))
}

.bg-gray-f9fafc {
    --bg-opacity: 1;
    background-color: #f9fafc;
    background-color: rgba(249, 250, 252, var(--bg-opacity))
}

.bg-gray-f9f {
    --bg-opacity: 1;
    background-color: #f9f9f9;
    background-color: rgba(249, 249, 249, var(--bg-opacity))
}

.bg-blue-0a2 {
    --bg-opacity: 1;
    background-color: #0a2268;
    background-color: rgba(10, 34, 104, var(--bg-opacity))
}

.bg-blue-0d3 {
    --bg-opacity: 1;
    background-color: #0d304d;
    background-color: rgba(13, 48, 77, var(--bg-opacity))
}

.bg-blue-1335 {
    --bg-opacity: 1;
    background-color: #133553;
    background-color: rgba(19, 53, 83, var(--bg-opacity))
}

.bg-blue-203 {
    --bg-opacity: 1;
    background-color: #203c6b;
    background-color: rgba(32, 60, 107, var(--bg-opacity))
}

.bg-blue-255 {
    --bg-opacity: 1;
    background-color: #2559a2;
    background-color: rgba(37, 89, 162, var(--bg-opacity))
}

.bg-blue-0d6 {
    --bg-opacity: 1;
    background-color: #0d64a0;
    background-color: rgba(13, 100, 160, var(--bg-opacity))
}

.bg-blue-0d66b0 {
    --bg-opacity: 1;
    background-color: #0d66b0;
    background-color: rgba(13, 102, 176, var(--bg-opacity))
}

.bg-blue-258 {
    --bg-opacity: 1;
    background-color: #2583c2;
    background-color: rgba(37, 131, 194, var(--bg-opacity))
}

.bg-blue-095 {
    --bg-opacity: 1;
    background-color: #0957ac;
    background-color: rgba(9, 87, 172, var(--bg-opacity))
}

.bg-blue-005 {
    --bg-opacity: 1;
    background-color: #005aca;
    background-color: rgba(0, 90, 202, var(--bg-opacity))
}

.bg-blue-038 {
    --bg-opacity: 1;
    background-color: #0380d0;
    background-color: rgba(3, 128, 208, var(--bg-opacity))
}

.bg-blue-417 {
    --bg-opacity: 1;
    background-color: #417dbb;
    background-color: rgba(65, 125, 187, var(--bg-opacity))
}

.bg-blue-288 {
    --bg-opacity: 1;
    background-color: #2882c0;
    background-color: rgba(40, 130, 192, var(--bg-opacity))
}

.bg-blue-007 {
    --bg-opacity: 1;
    background-color: #007fcc;
    background-color: rgba(0, 127, 204, var(--bg-opacity))
}

.bg-blue-448 {
    --bg-opacity: 1;
    background-color: #4487cc;
    background-color: rgba(68, 135, 204, var(--bg-opacity))
}

.bg-blue-116 {
    --bg-opacity: 1;
    background-color: #1162bc;
    background-color: rgba(17, 98, 188, var(--bg-opacity))
}

.bg-blue-0b6 {
    --bg-opacity: 1;
    background-color: #0d66b0;
    background-color: rgba(13, 102, 176, var(--bg-opacity))
}

.bg-green-80b {
    --bg-opacity: 1;
    background-color: #80b644;
    background-color: rgba(128, 182, 68, var(--bg-opacity))
}

.bg-green-93c {
    --bg-opacity: 1;
    background-color: #93cc44;
    background-color: rgba(147, 204, 68, var(--bg-opacity))
}

.bg-green-78b {
    --bg-opacity: 1;
    background-color: #78b539;
    background-color: rgba(120, 181, 57, var(--bg-opacity))
}

.bg-yellow-eb9 {
    --bg-opacity: 1;
    background-color: #eb9c0b;
    background-color: rgba(235, 156, 11, var(--bg-opacity))
}

.bg-orange-f99 {
    --bg-opacity: 1;
    background-color: #f99601;
    background-color: rgba(249, 150, 1, var(--bg-opacity))
}

.bg-ora-f29 {
    --bg-opacity: 1;
    background-color: #f29005;
    background-color: rgba(242, 144, 5, var(--bg-opacity))
}

.bg-white-f4f {
    --bg-opacity: 1;
    background-color: #f4f6f6;
    background-color: rgba(244, 246, 246, var(--bg-opacity))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-yellow-f39:hover {
    --bg-opacity: 1;
    background-color: #f39e09;
    background-color: rgba(243, 158, 9, var(--bg-opacity))
}

.hover\:bg-green-80c:hover {
    --bg-opacity: 1;
    background-color: #80c730;
    background-color: rgba(128, 199, 48, var(--bg-opacity))
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.border-transparent {
    border-color: transparent
}

.border-black {
    --border-opacity: 1;
    border-color: #22292f;
    border-color: rgba(34, 41, 47, var(--border-opacity))
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity))
}

.border-blue {
    --border-opacity: 1;
    border-color: #3490dc;
    border-color: rgba(52, 144, 220, var(--border-opacity))
}

.border-blue-225 {
    --border-opacity: 1;
    border-color: #2257a7;
    border-color: rgba(34, 87, 167, var(--border-opacity))
}

.border-blue-398 {
    --border-opacity: 1;
    border-color: #3986ee;
    border-color: rgba(57, 134, 238, var(--border-opacity))
}

.border-blue-397 {
    --border-opacity: 1;
    border-color: #3976f1;
    border-color: rgba(57, 118, 241, var(--border-opacity))
}

.border-blue-428 {
    --border-opacity: 1;
    border-color: #4283be;
    border-color: rgba(66, 131, 190, var(--border-opacity))
}

.border-gray-939 {
    --border-opacity: 1;
    border-color: #939393;
    border-color: rgba(147, 147, 147, var(--border-opacity))
}

.border-gray-34 {
    --border-opacity: 1;
    border-color: #343434;
    border-color: rgba(52, 52, 52, var(--border-opacity))
}

.border-gray-e0e {
    --border-opacity: 1;
    border-color: #e0e0e0;
    border-color: rgba(224, 224, 224, var(--border-opacity))
}

.border-gray-cec {
    --border-opacity: 1;
    border-color: #cecece;
    border-color: rgba(206, 206, 206, var(--border-opacity))
}

.border-gray-dcd {
    --border-opacity: 1;
    border-color: #dcdcdc;
    border-color: rgba(220, 220, 220, var(--border-opacity))
}

.border-grey {
    --border-opacity: 1;
    border-color: #b8c2cc;
    border-color: rgba(184, 194, 204, var(--border-opacity))
}

.border-grey-light {
    --border-opacity: 1;
    border-color: #dae1e7;
    border-color: rgba(218, 225, 231, var(--border-opacity))
}

.border-ora-f89 {
    --border-opacity: 1;
    border-color: #f89700;
    border-color: rgba(248, 151, 0, var(--border-opacity))
}

.border-ora-fba {
    --border-opacity: 1;
    border-color: #fba50b;
    border-color: rgba(251, 165, 11, var(--border-opacity))
}

.border-blue-28 {
    --border-opacity: 1;
    border-color: #2882c0;
    border-color: rgba(40, 130, 192, var(--border-opacity))
}

.border-blue-236 {
    --border-opacity: 1;
    border-color: #2361a4;
    border-color: rgba(35, 97, 164, var(--border-opacity))
}

.border-blue-3e8 {
    --border-opacity: 1;
    border-color: #3e81bd;
    border-color: rgba(62, 129, 189, var(--border-opacity))
}

.border-grey-a6a {
    --border-opacity: 1;
    border-color: #a6aba6;
    border-color: rgba(166, 171, 166, var(--border-opacity))
}

.border-blue-0b5 {
    --border-opacity: 1;
    border-color: #0b5aed;
    border-color: rgba(11, 90, 237, var(--border-opacity))
}

.border-yellow-f9e {
    --border-opacity: 1;
    border-color: #f9e5ac;
    border-color: rgba(249, 229, 172, var(--border-opacity))
}

.border-blue-1e8 {
    --border-opacity: 1;
    border-color: #1e8df6;
    border-color: rgba(30, 141, 246, var(--border-opacity))
}

.border-yellow-f29 {
    --border-opacity: 1;
    border-color: #f29900;
    border-color: rgba(242, 153, 0, var(--border-opacity))
}

.border-yellow-f39 {
    --border-opacity: 1;
    border-color: #f39e09;
    border-color: rgba(243, 158, 9, var(--border-opacity))
}

.border-blue-409 {
    --border-opacity: 1;
    border-color: #4094f8;
    border-color: rgba(64, 148, 248, var(--border-opacity))
}

.border-grey-999 {
    --border-opacity: 1;
    border-color: #999;
    border-color: rgba(153, 153, 153, var(--border-opacity))
}

.border-blue-118 {
    --border-opacity: 1;
    border-color: #1187f4;
    border-color: rgba(17, 135, 244, var(--border-opacity))
}

.border-blue-006 {
    --border-opacity: 1;
    border-color: #0067ac;
    border-color: rgba(0, 103, 172, var(--border-opacity))
}

.border-blue-3a9 {
    --border-opacity: 1;
    border-color: #3a94ca;
    border-color: rgba(58, 148, 202, var(--border-opacity))
}

.border-blue-286 {
    --border-opacity: 1;
    border-color: #2866a7;
    border-color: rgba(40, 102, 167, var(--border-opacity))
}

.border-blue-f2f {
    --border-opacity: 1;
    border-color: #f2faff;
    border-color: rgba(242, 250, 255, var(--border-opacity))
}

.border-gray-343 {
    --border-opacity: 1;
    border-color: #343434;
    border-color: rgba(52, 52, 52, var(--border-opacity))
}

.border-gray-666 {
    --border-opacity: 1;
    border-color: #666;
    border-color: rgba(102, 102, 102, var(--border-opacity))
}

.border-gray-5d5 {
    --border-opacity: 1;
    border-color: #5d5d5d;
    border-color: rgba(93, 93, 93, var(--border-opacity))
}

.border-gray-d8d {
    --border-opacity: 1;
    border-color: #d8d8d8;
    border-color: rgba(216, 216, 216, var(--border-opacity))
}

.border-gray-ccc {
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity))
}

.border-gray-dbd {
    --border-opacity: 1;
    border-color: #dbdbdb;
    border-color: rgba(219, 219, 219, var(--border-opacity))
}

.border-gray-ded {
    --border-opacity: 1;
    border-color: #dedddd;
    border-color: rgba(222, 221, 221, var(--border-opacity))
}

.border-gray-ebe {
    --border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgba(235, 235, 235, var(--border-opacity))
}

.border-gray-ece {
    --border-opacity: 1;
    border-color: #ececec;
    border-color: rgba(236, 236, 236, var(--border-opacity))
}

.border-gray-e4e {
    --border-opacity: 1;
    border-color: #e4e4e4;
    border-color: rgba(228, 228, 228, var(--border-opacity))
}

.border-gray-c5c {
    --border-opacity: 1;
    border-color: #c5c5c5;
    border-color: rgba(197, 197, 197, var(--border-opacity))
}

.border-blue-004 {
    --border-opacity: 1;
    border-color: #00468e;
    border-color: rgba(0, 70, 142, var(--border-opacity))
}

.border-blue-000 {
    --border-opacity: 1;
    border-color: #00008b;
    border-color: rgba(0, 0, 139, var(--border-opacity))
}

.border-blue-255 {
    --border-opacity: 1;
    border-color: #2559a2;
    border-color: rgba(37, 89, 162, var(--border-opacity))
}

.border-blue-0d6 {
    --border-opacity: 1;
    border-color: #0d64a0;
    border-color: rgba(13, 100, 160, var(--border-opacity))
}

.border-blue-0d66b0 {
    --border-opacity: 1;
    border-color: #0d66b0;
    border-color: rgba(13, 102, 176, var(--border-opacity))
}

.border-blue-258 {
    --border-opacity: 1;
    border-color: #2583c2;
    border-color: rgba(37, 131, 194, var(--border-opacity))
}

.border-blue-288 {
    --border-opacity: 1;
    border-color: #2882c0;
    border-color: rgba(40, 130, 192, var(--border-opacity))
}

.border-blue-448 {
    --border-opacity: 1;
    border-color: #4487cc;
    border-color: rgba(68, 135, 204, var(--border-opacity))
}

.border-blue-3b8 {
    --border-opacity: 1;
    border-color: #3b82f2;
    border-color: rgba(59, 130, 242, var(--border-opacity))
}

.border-blue-0b6 {
    --border-opacity: 1;
    border-color: #0d66b0;
    border-color: rgba(13, 102, 176, var(--border-opacity))
}

.border-green-80b {
    --border-opacity: 1;
    border-color: #80b644;
    border-color: rgba(128, 182, 68, var(--border-opacity))
}

.border-green-8bc {
    --border-opacity: 1;
    border-color: #8bc24c;
    border-color: rgba(139, 194, 76, var(--border-opacity))
}

.border-green-93c {
    --border-opacity: 1;
    border-color: #93cc44;
    border-color: rgba(147, 204, 68, var(--border-opacity))
}

.border-green-78b {
    --border-opacity: 1;
    border-color: #78b539;
    border-color: rgba(120, 181, 57, var(--border-opacity))
}

.border-green-008 {
    --border-opacity: 1;
    border-color: green;
    border-color: rgba(0, 128, 0, var(--border-opacity))
}

.border-yellow-f69 {
    --border-opacity: 1;
    border-color: #f69119;
    border-color: rgba(246, 145, 25, var(--border-opacity))
}

.border-ora-f29 {
    --border-opacity: 1;
    border-color: #f29005;
    border-color: rgba(242, 144, 5, var(--border-opacity))
}

.border-ora-f57 {
    --border-opacity: 1;
    border-color: #f57134;
    border-color: rgba(245, 113, 52, var(--border-opacity))
}

.hover\:border-grey:hover {
    --border-opacity: 1;
    border-color: #b8c2cc;
    border-color: rgba(184, 194, 204, var(--border-opacity))
}

.hover\:border-green-80c:hover {
    --border-opacity: 1;
    border-color: #80c730;
    border-color: rgba(128, 199, 48, var(--border-opacity))
}

.rounded-2 {
    border-radius: 2px
}

.rounded-3 {
    border-radius: 3px
}

.rounded-4 {
    border-radius: 4px
}

.rounded-6 {
    border-radius: 6px
}

.rounded-8 {
    border-radius: 8px
}

.rounded-10 {
    border-radius: 10px
}

.rounded-15 {
    border-radius: 15px
}

.rounded-20 {
    border-radius: 20px
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: 4px
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-10px {
    border-radius: .625rem
}

.rounded-l-2 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.rounded-l {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.border-dashed {
    border-style: dashed
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-6 {
    border-width: 6px
}

.border-10 {
    border-width: 10px
}

.border {
    border-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-t-6 {
    border-top-width: 6px
}

.border-l-8 {
    border-left-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.cursor-not-allowed {
    cursor: not-allowed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.flex-1 {
    flex: 1 1 0%
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-last {
    order: 9999
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.clearfix:after {
    content: "";
    display: table
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-15 {
    height: 3.75rem
}

.h-16 {
    height: 4rem
}

.h-19 {
    height: 4.75rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-40 {
    height: 10rem
}

.h-64 {
    height: 16rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-60px {
    height: 60px
}

.h-40px {
    height: 40px
}

.h-194px {
    height: 194px
}

.h-100px {
    height: 100px
}

.h-8px {
    height: 8px
}

.h-36px {
    height: 36px
}

.h-48px {
    height: 48px
}

.h-56px {
    height: 56px
}

.h-68px {
    height: 68px
}

.h-251px {
    height: 251px
}

.h-272px {
    height: 272px
}

.h-264px {
    height: 264px
}

.h-hg-n-6-px {
    height: 6px
}

.h-hg-n-24-px {
    height: 24px
}

.h-hg-n-32-px {
    height: 32px
}

.h-hg-n-40-px {
    height: 40px
}

.h-hg-n-48-px {
    height: 48px
}

.h-hg-n-52-px {
    height: 52px
}

.h-hg-n-60-px {
    height: 60px
}

.h-hg-n-68-px {
    height: 68px
}

.h-hg-n-72-px {
    height: 72px
}

.h-hg-n-76-px {
    height: 76px
}

.h-hg-n-92-px {
    height: 92px
}

.h-hg-n-124-px {
    height: 124px
}

.h-hg-n-516-px {
    height: 516px
}

.text-10 {
    font-size: .625rem
}

.text-12 {
    font-size: .75rem
}

.text-14 {
    font-size: .875rem
}

.text-16 {
    font-size: 1rem
}

.text-18 {
    font-size: 1.125rem
}

.text-20 {
    font-size: 1.25rem
}

.text-22 {
    font-size: 1.375rem
}

.text-24 {
    font-size: 1.5rem
}

.text-26 {
    font-size: 1.625rem
}

.text-28 {
    font-size: 1.75rem
}

.text-30 {
    font-size: 1.875rem
}

.text-32 {
    font-size: 2rem
}

.text-34 {
    font-size: 2.125rem
}

.text-36 {
    font-size: 2.25rem
}

.text-40 {
    font-size: 2.5rem
}

.text-44 {
    font-size: 44px
}

.text-46 {
    font-size: 2.875rem
}

.text-50 {
    font-size: 3.125rem
}

.text-52 {
    font-size: 52px
}

.text-60 {
    font-size: 3.75rem
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.text-4xl {
    font-size: 2.25rem
}

.text-58px {
    font-size: 3.625rem
}

.text-12px {
    font-size: 12px
}

.text-14px {
    font-size: 14px
}

.text-16px {
    font-size: 16px
}

.text-18px {
    font-size: 18px
}

.text-20px {
    font-size: 20px
}

.text-22px {
    font-size: 22px
}

.text-24px {
    font-size: 24px
}

.text-26px {
    font-size: 26px
}

.text-28px {
    font-size: 28px
}

.text-30px {
    font-size: 30px
}

.text-32px {
    font-size: 33px
}

.text-36px {
    font-size: 36px
}

.text-60px {
    font-size: 60px
}

.text-10px {
    font-size: .625rem
}

.text-fs-n-10-px {
    font-size: 10px
}

.text-fs-n-12-px {
    font-size: 12px
}

.text-fs-n-14-px {
    font-size: 14px
}

.text-fs-n-16-px {
    font-size: 16px
}

.text-fs-n-18-px {
    font-size: 18px
}

.text-fs-n-20-px {
    font-size: 20px
}

.text-fs-n-22-px {
    font-size: 22px
}

.text-fs-n-24-px {
    font-size: 24px
}

.text-fs-n-26-px {
    font-size: 26px
}

.text-fs-n-28-px {
    font-size: 28px
}

.text-fs-n-30-px {
    font-size: 30px
}

.text-fs-n-32-px {
    font-size: 32px
}

.text-fs-n-36-px {
    font-size: 36px
}

.text-fs-n-40-px {
    font-size: 40px
}

.text-fs-n-50-px {
    font-size: 50px
}

.leading-1 {
    line-height: 1
}

.leading-150 {
    line-height: 1.5
}

.leading-171 {
    line-height: 1.71
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-snug {
    line-height: 1.375
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-loose {
    line-height: 2
}

.leading-relaxeder {
    line-height: 1.71
}

.leading-1d28 {
    line-height: 1.28
}

.leading-1d3 {
    line-height: 1.3
}

.leading-1d375 {
    line-height: 1.375
}

.leading-1d45 {
    line-height: 1.45
}

.leading-1d65 {
    line-height: 1.65
}

.leading-1d75 {
    line-height: 1.75
}

.leading-1d8 {
    line-height: 1.8
}

.leading-1d4 {
    line-height: 1.4
}

.leading-2d1 {
    line-height: 2.1
}

.leading-2d28 {
    line-height: 2.28
}

.leading-2d3 {
    line-height: 2.3
}

.leading-11px {
    line-height: 11px
}

.leading-18px {
    line-height: 18px
}

.leading-22px {
    line-height: 22px
}

.leading-24px {
    line-height: 24px
}

.leading-20px {
    line-height: 20px
}

.leading-21px {
    line-height: 21px
}

.leading-26px {
    line-height: 26px
}

.leading-28px {
    line-height: 28px
}

.leading-32px {
    line-height: 32px
}

.leading-36px {
    line-height: 36px
}

.leading-40px {
    line-height: 40px
}

.leading-43px {
    line-height: 43px
}

.leading-60px {
    line-height: 60px
}

.leading-64px {
    line-height: 64px
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-auto {
    margin: auto
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-15 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mx-16 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.my-10px {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx-10px {
    margin-left: 10px;
    margin-right: 10px
}

.my-15px {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-30px {
    margin-top: 30px;
    margin-bottom: 30px
}

.mx-4px {
    margin-left: 4px;
    margin-right: 4px
}

.my-20px {
    margin-top: 20px;
    margin-bottom: 20px
}

.mx-20px {
    margin-left: 20px;
    margin-right: 20px
}

.my-28px {
    margin-top: 28px;
    margin-bottom: 28px
}

.mx-mg-n-8-px {
    margin-left: 8px;
    margin-right: 8px
}

.my-mg-n-20-px {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-mg-n-28-px {
    margin-top: 28px;
    margin-bottom: 28px
}

.my-mg-n-36-px {
    margin-top: 36px;
    margin-bottom: 36px
}

.mb-0 {
    margin-bottom: 0
}

.mt-1 {
    margin-top: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.ml-1 {
    margin-left: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mr-3 {
    margin-right: .75rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.ml-7 {
    margin-left: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-10 {
    margin-left: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mr-12 {
    margin-right: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.ml-12 {
    margin-left: 3rem
}

.mr-13 {
    margin-right: 3.25rem
}

.mt-15 {
    margin-top: 3.75rem
}

.mr-15 {
    margin-right: 3.75rem
}

.mb-15 {
    margin-bottom: 3.75rem
}

.ml-15 {
    margin-left: 3.75rem
}

.mt-16 {
    margin-top: 4rem
}

.mr-16 {
    margin-right: 4rem
}

.mb-16 {
    margin-bottom: 4rem
}

.ml-16 {
    margin-left: 4rem
}

.mt-20 {
    margin-top: 5rem
}

.mr-20 {
    margin-right: 5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.ml-20 {
    margin-left: 5rem
}

.mr-24 {
    margin-right: 6rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-30 {
    margin-bottom: 7.5rem
}

.mt-32 {
    margin-top: 8rem
}

.mr-44 {
    margin-right: 11rem
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

.mt-px {
    margin-top: 1px
}

.-mt-1 {
    margin-top: -.25rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mr-2 {
    margin-right: -.5rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.-mr-5 {
    margin-right: -1.25rem
}

.-ml-5 {
    margin-left: -1.25rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mr-6 {
    margin-right: -1.5rem
}

.-mb-6 {
    margin-bottom: -1.5rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.-mr-8 {
    margin-right: -2rem
}

.-ml-8 {
    margin-left: -2rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.-mb-10 {
    margin-bottom: -2.5rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mb-12 {
    margin-bottom: -3rem
}

.-ml-12 {
    margin-left: -3rem
}

.-mt-px {
    margin-top: -1px
}

.-mb-px {
    margin-bottom: -1px
}

.mt-8px {
    margin-top: 8px
}

.mr-8px {
    margin-right: 8px
}

.mb-8px {
    margin-bottom: 8px
}

.mt-10px {
    margin-top: 10px
}

.mb-10px {
    margin-bottom: 10px
}

.mt-30px {
    margin-top: 30px
}

.mb-30px {
    margin-bottom: 30px
}

.mt-36px {
    margin-top: 36px
}

.mb-36px {
    margin-bottom: 36px
}

.mt-50px {
    margin-top: 50px
}

.mt-51px {
    margin-top: 51px
}

.mt-52px {
    margin-top: 52px
}

.mb-52px {
    margin-bottom: 52px
}

.ml-132px {
    margin-left: 132px
}

.mr-160px {
    margin-right: 160px
}

.mt-4px {
    margin-top: 4px
}

.mr-4px {
    margin-right: 4px
}

.mb-4px {
    margin-bottom: 4px
}

.mt-12px {
    margin-top: 12px
}

.mr-12px {
    margin-right: 12px
}

.mb-12px {
    margin-bottom: 12px
}

.ml-12px {
    margin-left: 12px
}

.mt-16px {
    margin-top: 16px
}

.mb-16px {
    margin-bottom: 16px
}

.ml-16px {
    margin-left: 16px
}

.mt-18px {
    margin-top: 18px
}

.mb-18px {
    margin-bottom: 18px
}

.mt-20px {
    margin-top: 20px
}

.mr-20px {
    margin-right: 20px
}

.mb-20px {
    margin-bottom: 20px
}

.ml-20px {
    margin-left: 20px
}

.mt-24px {
    margin-top: 24px
}

.mb-24px {
    margin-bottom: 24px
}

.ml-24px {
    margin-left: 24px
}

.mt-28px {
    margin-top: 28px
}

.mr-28px {
    margin-right: 28px
}

.mb-28px {
    margin-bottom: 28px
}

.ml-28px {
    margin-left: 28px
}

.mt-32px {
    margin-top: 32px
}

.mr-32px {
    margin-right: 32px
}

.mb-32px {
    margin-bottom: 32px
}

.mt-40px {
    margin-top: 40px
}

.mr-40px {
    margin-right: 40px
}

.mb-40px {
    margin-bottom: 40px
}

.mr-44px {
    margin-right: 44px
}

.mt-56px {
    margin-top: 56px
}

.mr-56px {
    margin-right: 56px
}

.mb-56px {
    margin-bottom: 56px
}

.mt-68px {
    margin-top: 68px
}

.mt-72px {
    margin-top: 72px
}

.mb-72px {
    margin-bottom: 72px
}

.ml-180px {
    margin-left: 180px
}

.mt-mg-n-f4-px {
    margin-top: -4px
}

.ml-mg-n-f4-px {
    margin-left: -4px
}

.mt-mg-n-2-px {
    margin-top: 2px
}

.mt-mg-n-4-px {
    margin-top: 4px
}

.mr-mg-n-4-px {
    margin-right: 4px
}

.mb-mg-n-4-px {
    margin-bottom: 4px
}

.ml-mg-n-4-px {
    margin-left: 4px
}

.mt-mg-n-8-px {
    margin-top: 8px
}

.mr-mg-n-8-px {
    margin-right: 8px
}

.mb-mg-n-8-px {
    margin-bottom: 8px
}

.ml-mg-n-8-px {
    margin-left: 8px
}

.mt-mg-n-12-px {
    margin-top: 12px
}

.mr-mg-n-12-px {
    margin-right: 12px
}

.mb-mg-n-12-px {
    margin-bottom: 12px
}

.ml-mg-n-12-px {
    margin-left: 12px
}

.mt-mg-n-16-px {
    margin-top: 16px
}

.mr-mg-n-16-px {
    margin-right: 16px
}

.mb-mg-n-16-px {
    margin-bottom: 16px
}

.mt-mg-n-20-px {
    margin-top: 20px
}

.mr-mg-n-20-px {
    margin-right: 20px
}

.mb-mg-n-20-px {
    margin-bottom: 20px
}

.ml-mg-n-20-px {
    margin-left: 20px
}

.mb-mg-n-24-px {
    margin-bottom: 24px
}

.ml-mg-n-24-px {
    margin-left: 24px
}

.mt-mg-n-28-px {
    margin-top: 28px
}

.mb-mg-n-28-px {
    margin-bottom: 28px
}

.mt-mg-n-32-px {
    margin-top: 32px
}

.mr-mg-n-32-px {
    margin-right: 32px
}

.mb-mg-n-32-px {
    margin-bottom: 32px
}

.ml-mg-n-32-px {
    margin-left: 32px
}

.mb-mg-n-36-px {
    margin-bottom: 36px
}

.ml-mg-n-36-px {
    margin-left: 36px
}

.mt-mg-n-40-px {
    margin-top: 40px
}

.mb-mg-n-40-px {
    margin-bottom: 40px
}

.mt-mg-n-44-px {
    margin-top: 44px
}

.mb-mg-n-44-px {
    margin-bottom: 44px
}

.mt-mg-n-48-px {
    margin-top: 48px
}

.mr-mg-n-48-px {
    margin-right: 48px
}

.mt-mg-n-52-px {
    margin-top: 52px
}

.mb-mg-n-52-px {
    margin-bottom: 52px
}

.mt-mg-n-56-px {
    margin-top: 56px
}

.mb-mg-n-56-px {
    margin-bottom: 56px
}

.mt-mg-n-60-px {
    margin-top: 60px
}

.mb-mg-n-68-px {
    margin-bottom: 68px
}

.mt-mg-n-80-px {
    margin-top: 80px
}

.mt-mg-n-148-px {
    margin-top: 148px
}

.mt-mg-n-168-px {
    margin-top: 168px
}

.mt-mg-n-196-px {
    margin-top: 196px
}

.max-w-1200, .max-w-container-xl {
    max-width: 75rem
}

.max-w-168px {
    max-width: 168px
}

.max-w-1200px {
    max-width: 1200px
}

.max-w-600px {
    max-width: 600px
}

.max-w-320px {
    max-width: 320px
}

.max-w-375px {
    max-width: 375px
}

.max-w-350px {
    max-width: 350px
}

.min-h-screen {
    min-height: 100vh
}

.min-h-200px {
    min-height: 200px
}

.min-h-204-px {
    min-height: 204px
}

.min-w-1200px {
    min-width: 1200px
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.outline-none {
    outline: 0
}

.focus\:outline-none:focus {
    outline: 0
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-10 {
    padding: 2.5rem
}

.p-12px {
    padding: 12px
}

.p-pd-n-4-px {
    padding: 4px
}

.p-pd-n-12-px {
    padding: 12px
}

.p-pd-n-16-px {
    padding: 16px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.px-15 {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.px-23 {
    padding-left: 5.75rem;
    padding-right: 5.75rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.px-30 {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.py-8px {
    padding-top: 8px;
    padding-bottom: 8px
}

.px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.py-10px {
    padding-top: 10px;
    padding-bottom: 10px
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px
}

.py-18px {
    padding-top: 18px;
    padding-bottom: 18px
}

.px-200px {
    padding-left: 200px;
    padding-right: 200px
}

.py-50px {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.px-52px {
    padding-left: 52px;
    padding-right: 52px
}

.py-60px {
    padding-top: 60px;
    padding-bottom: 60px
}

.px-60px {
    padding-left: 60px;
    padding-right: 60px
}

.py-48px {
    padding-top: 48px;
    padding-bottom: 48px
}

.px-44px {
    padding-left: 44px;
    padding-right: 44px
}

.py-32px {
    padding-top: 32px;
    padding-bottom: 32px
}

.px-32px {
    padding-left: 32px;
    padding-right: 32px
}

.py-28px {
    padding-top: 28px;
    padding-bottom: 28px
}

.px-28px {
    padding-left: 28px;
    padding-right: 28px
}

.py-20px {
    padding-top: 20px;
    padding-bottom: 20px
}

.px-20px {
    padding-left: 20px;
    padding-right: 20px
}

.py-16px {
    padding-top: 16px;
    padding-bottom: 16px
}

.px-16px {
    padding-left: 16px;
    padding-right: 16px
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px
}

.px-12px {
    padding-left: 12px;
    padding-right: 12px
}

.py-4px {
    padding-top: 4px;
    padding-bottom: 4px
}

.px-pd-n-4-px {
    padding-left: 4px;
    padding-right: 4px
}

.py-pd-n-8-px {
    padding-top: 8px;
    padding-bottom: 8px
}

.px-pd-n-8-px {
    padding-left: 8px;
    padding-right: 8px
}

.py-pd-n-12-px {
    padding-top: 12px;
    padding-bottom: 12px
}

.px-pd-n-12-px {
    padding-left: 12px;
    padding-right: 12px
}

.py-pd-n-16-px {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-pd-n-20-px {
    padding-top: 20px;
    padding-bottom: 20px
}

.px-pd-n-20-px {
    padding-left: 20px;
    padding-right: 20px
}

.py-pd-n-28-px {
    padding-top: 28px;
    padding-bottom: 28px
}

.px-pd-n-28-px {
    padding-left: 28px;
    padding-right: 28px
}

.py-pd-n-32-px {
    padding-top: 32px;
    padding-bottom: 32px
}

.px-pd-n-32-px {
    padding-left: 32px;
    padding-right: 32px
}

.px-pd-n-36-px {
    padding-left: 36px;
    padding-right: 36px
}

.py-pd-n-40-px {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-pd-n-48-px {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-pd-n-76-px {
    padding-top: 76px;
    padding-bottom: 76px
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pt-1 {
    padding-top: .25rem
}

.pr-1 {
    padding-right: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pl-1 {
    padding-left: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-4 {
    padding-left: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-8 {
    padding-left: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pr-12 {
    padding-right: 3rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pl-12 {
    padding-left: 3rem
}

.pt-13 {
    padding-top: 3.25rem
}

.pl-13 {
    padding-left: 3.25rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pt-15 {
    padding-top: 3.75rem
}

.pr-15 {
    padding-right: 3.75rem
}

.pb-15 {
    padding-bottom: 3.75rem
}

.pl-15 {
    padding-left: 3.75rem
}

.pt-16 {
    padding-top: 4rem
}

.pr-16 {
    padding-right: 4rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pl-16 {
    padding-left: 4rem
}

.pt-20 {
    padding-top: 5rem
}

.pr-20 {
    padding-right: 5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pl-20 {
    padding-left: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pl-24 {
    padding-left: 6rem
}

.pb-30 {
    padding-bottom: 1.875rem
}

.pb-104px {
    padding-bottom: 104px
}

.pt-8px {
    padding-top: 8px
}

.pr-8px {
    padding-right: 8px
}

.pb-8px {
    padding-bottom: 8px
}

.pl-8px {
    padding-left: 8px
}

.pt-10px {
    padding-top: 10px
}

.pl-10px {
    padding-left: 10px
}

.pb-18px {
    padding-bottom: 18px
}

.pt-30px {
    padding-top: 30px
}

.pb-30px {
    padding-bottom: 30px
}

.pt-36px {
    padding-top: 36px
}

.pb-36px {
    padding-bottom: 36px
}

.pl-36px {
    padding-left: 36px
}

.pb-92px {
    padding-bottom: 92px
}

.pb-84px {
    padding-bottom: 84px
}

.pb-100px {
    padding-bottom: 100px
}

.pb-116px {
    padding-bottom: 116px
}

.pr-136px {
    padding-right: 136px
}

.pl-136px {
    padding-left: 136px
}

.pl-108px {
    padding-left: 108px
}

.pt-88px {
    padding-top: 88px
}

.pb-76px {
    padding-bottom: 76px
}

.pt-72px {
    padding-top: 72px
}

.pb-68px {
    padding-bottom: 68px
}

.pb-52px {
    padding-bottom: 52px
}

.pt-56px {
    padding-top: 56px
}

.pb-56px {
    padding-bottom: 56px
}

.pl-56px {
    padding-left: 56px
}

.pt-60px {
    padding-top: 60px
}

.pb-60px {
    padding-bottom: 60px
}

.pl-60px {
    padding-left: 60px
}

.pb-64px {
    padding-bottom: 64px
}

.pt-48px {
    padding-top: 48px
}

.pt-44px {
    padding-top: 44px
}

.pb-44px {
    padding-bottom: 44px
}

.pt-40px {
    padding-top: 40px
}

.pb-40px {
    padding-bottom: 40px
}

.pt-32px {
    padding-top: 32px
}

.pb-32px {
    padding-bottom: 32px
}

.pt-28px {
    padding-top: 28px
}

.pr-28px {
    padding-right: 28px
}

.pb-28px {
    padding-bottom: 28px
}

.pl-28px {
    padding-left: 28px
}

.pt-20px {
    padding-top: 20px
}

.pb-20px {
    padding-bottom: 20px
}

.pl-20px {
    padding-left: 20px
}

.pt-24px {
    padding-top: 24px
}

.pb-24px {
    padding-bottom: 24px
}

.pl-24px {
    padding-left: 24px
}

.pt-16px {
    padding-top: 16px
}

.pr-16px {
    padding-right: 16px
}

.pb-16px {
    padding-bottom: 16px
}

.pl-16px {
    padding-left: 16px
}

.pt-12px {
    padding-top: 12px
}

.pr-12px {
    padding-right: 12px
}

.pb-12px {
    padding-bottom: 12px
}

.pl-12px {
    padding-left: 12px
}

.pt-4px {
    padding-top: 4px
}

.pr-4px {
    padding-right: 4px
}

.pb-4px {
    padding-bottom: 4px
}

.pr-pd-n-4-px {
    padding-right: 4px
}

.pb-pd-n-4-px {
    padding-bottom: 4px
}

.pl-pd-n-4-px {
    padding-left: 4px
}

.pt-pd-n-8-px {
    padding-top: 8px
}

.pr-pd-n-8-px {
    padding-right: 8px
}

.pb-pd-n-8-px {
    padding-bottom: 8px
}

.pl-pd-n-8-px {
    padding-left: 8px
}

.pt-pd-n-12-px {
    padding-top: 12px
}

.pr-pd-n-12-px {
    padding-right: 12px
}

.pb-pd-n-12-px {
    padding-bottom: 12px
}

.pl-pd-n-12-px {
    padding-left: 12px
}

.pr-pd-n-16-px {
    padding-right: 16px
}

.pb-pd-n-16-px {
    padding-bottom: 16px
}

.pl-pd-n-16-px {
    padding-left: 16px
}

.pt-pd-n-20-px {
    padding-top: 20px
}

.pr-pd-n-20-px {
    padding-right: 20px
}

.pb-pd-n-20-px {
    padding-bottom: 20px
}

.pl-pd-n-20-px {
    padding-left: 20px
}

.pt-pd-n-24-px {
    padding-top: 24px
}

.pb-pd-n-24-px {
    padding-bottom: 24px
}

.pl-pd-n-24-px {
    padding-left: 24px
}

.pt-pd-n-28-px {
    padding-top: 28px
}

.pb-pd-n-28-px {
    padding-bottom: 28px
}

.pl-pd-n-28-px {
    padding-left: 28px
}

.pt-pd-n-32-px {
    padding-top: 32px
}

.pb-pd-n-32-px {
    padding-bottom: 32px
}

.pt-pd-n-36-px {
    padding-top: 36px
}

.pt-pd-n-40-px {
    padding-top: 40px
}

.pt-pd-n-44-px {
    padding-top: 44px
}

.pt-pd-n-48-px {
    padding-top: 48px
}

.pb-pd-n-48-px {
    padding-bottom: 48px
}

.pb-pd-n-52-px {
    padding-bottom: 52px
}

.pt-pd-n-56-px {
    padding-top: 56px
}

.pr-pd-n-56-px {
    padding-right: 56px
}

.pt-pd-n-72-px {
    padding-top: 72px
}

.pt-pd-n-84-px {
    padding-top: 84px
}

.pt-pd-n-100-px {
    padding-top: 100px
}

.pb-pd-n-100-px {
    padding-bottom: 100px
}

.pt-pd-n-112-px {
    padding-top: 112px
}

.pt-pd-n-116-px {
    padding-top: 116px
}

.pt-pd-n-148-px {
    padding-top: 148px
}

.pt-pd-n-196-px {
    padding-top: 196px
}

.pb-pd-n-236-px {
    padding-bottom: 236px
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.resize {
    resize: both
}

.shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.shadow-rgba-54-83-214-0d18 {
    box-shadow: 0 1px 13px 0 rgba(54, 83, 214, .18)
}

.fill-current {
    fill: currentColor
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-black {
    --text-opacity: 1;
    color: #22292f;
    color: rgba(34, 41, 47, var(--text-opacity))
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity))
}

.text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity))
}

.text-red {
    --text-opacity: 1;
    color: #e3342f;
    color: rgba(227, 52, 47, var(--text-opacity))
}

.text-blue {
    --text-opacity: 1;
    color: #3490dc;
    color: rgba(52, 144, 220, var(--text-opacity))
}

.text-blue-418 {
    --text-opacity: 1;
    color: #4182be;
    color: rgba(65, 130, 190, var(--text-opacity))
}

.text-blue-225 {
    --text-opacity: 1;
    color: #2257a7;
    color: rgba(34, 87, 167, var(--text-opacity))
}

.text-blue-398 {
    --text-opacity: 1;
    color: #3986ee;
    color: rgba(57, 134, 238, var(--text-opacity))
}

.text-blue-2e7 {
    --text-opacity: 1;
    color: #2e7ce9;
    color: rgba(46, 124, 233, var(--text-opacity))
}

.text-blue-428 {
    --text-opacity: 1;
    color: #4283be;
    color: rgba(66, 131, 190, var(--text-opacity))
}

.text-blue-142 {
    --text-opacity: 1;
    color: #142737;
    color: rgba(20, 39, 55, var(--text-opacity))
}

.text-blue-276 {
    --text-opacity: 1;
    color: #276ccc;
    color: rgba(39, 108, 204, var(--text-opacity))
}

.text-gray-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-gray-34 {
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

.text-red-ff40 {
    --text-opacity: 1;
    color: #ff4000;
    color: rgba(255, 64, 0, var(--text-opacity))
}

.text-red-ff40b {
    --text-opacity: 1;
    color: #f4001b;
    color: rgba(244, 0, 27, var(--text-opacity))
}

.text-ora-f89 {
    --text-opacity: 1;
    color: #f89700;
    color: rgba(248, 151, 0, var(--text-opacity))
}

.text-ora-ff9 {
    --text-opacity: 1;
    color: #ff9c00;
    color: rgba(255, 156, 0, var(--text-opacity))
}

.text-ora-f9b {
    --text-opacity: 1;
    color: #f9b30a;
    color: rgba(249, 179, 10, var(--text-opacity))
}

.text-ora-f897 {
    --text-opacity: 1;
    color: #f89700;
    color: rgba(248, 151, 0, var(--text-opacity))
}

.text-ora-ef9 {
    --text-opacity: 1;
    color: #ef9120;
    color: rgba(239, 145, 32, var(--text-opacity))
}

.text-ora-ee8 {
    --text-opacity: 1;
    color: #ee8d18;
    color: rgba(238, 141, 24, var(--text-opacity))
}

.text-ora-ff96 {
    --text-opacity: 1;
    color: #ff9601;
    color: rgba(255, 150, 1, var(--text-opacity))
}

.text-yellow-ecb {
    --text-opacity: 1;
    color: #ecbe65;
    color: rgba(236, 190, 101, var(--text-opacity))
}

.text-green-1e8 {
    --text-opacity: 1;
    color: #1e8c78;
    color: rgba(30, 140, 120, var(--text-opacity))
}

.text-blue-3e8 {
    --text-opacity: 1;
    color: #3e81bd;
    color: rgba(62, 129, 189, var(--text-opacity))
}

.text-grey-5a5 {
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity))
}

.text-grey-2e2 {
    --text-opacity: 1;
    color: #2e2e2e;
    color: rgba(46, 46, 46, var(--text-opacity))
}

.text-grey-505 {
    --text-opacity: 1;
    color: #505050;
    color: rgba(80, 80, 80, var(--text-opacity))
}

.text-grey-5b5 {
    --text-opacity: 1;
    color: #5b5b5b;
    color: rgba(91, 91, 91, var(--text-opacity))
}

.text-grey-fef {
    --text-opacity: 1;
    color: #fefefe;
    color: rgba(254, 254, 254, var(--text-opacity))
}

.text-grey-5c5 {
    --text-opacity: 1;
    color: #5c5c5c;
    color: rgba(92, 92, 92, var(--text-opacity))
}

.text-blue-1e8 {
    --text-opacity: 1;
    color: #1e8df6;
    color: rgba(30, 141, 246, var(--text-opacity))
}

.text-grey-666 {
    --text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--text-opacity))
}

.text-grey-333 {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.text-yellow-f29 {
    --text-opacity: 1;
    color: #f29900;
    color: rgba(242, 153, 0, var(--text-opacity))
}

.text-ora-ffa {
    --text-opacity: 1;
    color: #ffa800;
    color: rgba(255, 168, 0, var(--text-opacity))
}

.text-grey-525 {
    --text-opacity: 1;
    color: #525252;
    color: rgba(82, 82, 82, var(--text-opacity))
}

.text-grey-ccc {
    --text-opacity: 1;
    color: #ccc;
    color: rgba(204, 204, 204, var(--text-opacity))
}

.text-blue-409 {
    --text-opacity: 1;
    color: #4094f8;
    color: rgba(64, 148, 248, var(--text-opacity))
}

.text-ora-f86 {
    --text-opacity: 1;
    color: #f89600;
    color: rgba(248, 150, 0, var(--text-opacity))
}

.text-grey-999 {
    --text-opacity: 1;
    color: #999;
    color: rgba(153, 153, 153, var(--text-opacity))
}

.text-blue-118 {
    --text-opacity: 1;
    color: #1187f4;
    color: rgba(17, 135, 244, var(--text-opacity))
}

.text-ora-f39 {
    --text-opacity: 1;
    color: #f39e09;
    color: rgba(243, 158, 9, var(--text-opacity))
}

.text-blue-2e8 {
    --text-opacity: 1;
    color: #2e8dc7;
    color: rgba(46, 141, 199, var(--text-opacity))
}

.text-blue-498 {
    --text-opacity: 1;
    color: #498bc3;
    color: rgba(73, 139, 195, var(--text-opacity))
}

.text-gray-333 {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.text-gray-343 {
    --text-opacity: 1;
    color: #343434;
    color: rgba(52, 52, 52, var(--text-opacity))
}

.text-gray-282 {
    --text-opacity: 1;
    color: #282828;
    color: rgba(40, 40, 40, var(--text-opacity))
}

.text-gray-5a5 {
    --text-opacity: 1;
    color: #5a5a5a;
    color: rgba(90, 90, 90, var(--text-opacity))
}

.text-gray-666 {
    --text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--text-opacity))
}

.text-gray-717 {
    --text-opacity: 1;
    color: #717171;
    color: rgba(113, 113, 113, var(--text-opacity))
}

.text-gray-b2b {
    --text-opacity: 1;
    color: #b2b1b1;
    color: rgba(178, 177, 177, var(--text-opacity))
}

.text-gray-a5a {
    --text-opacity: 1;
    color: #a5a5a5;
    color: rgba(165, 165, 165, var(--text-opacity))
}

.text-gray-ccc {
    --text-opacity: 1;
    color: #ccc;
    color: rgba(204, 204, 204, var(--text-opacity))
}

.text-gray-a3a {
    --text-opacity: 1;
    color: #a3a3a3;
    color: rgba(163, 163, 163, var(--text-opacity))
}

.text-gray-3b3 {
    --text-opacity: 1;
    color: #3b3b3b;
    color: rgba(59, 59, 59, var(--text-opacity))
}

.text-gray-949 {
    --text-opacity: 1;
    color: #949393;
    color: rgba(148, 147, 147, var(--text-opacity))
}

.text-blue-00f {
    --text-opacity: 1;
    color: #00f;
    color: rgba(0, 0, 255, var(--text-opacity))
}

.text-blue-004 {
    --text-opacity: 1;
    color: #00468e;
    color: rgba(0, 70, 142, var(--text-opacity))
}

.text-blue-0d3 {
    --text-opacity: 1;
    color: #0d304d;
    color: rgba(13, 48, 77, var(--text-opacity))
}

.text-blue-1335 {
    --text-opacity: 1;
    color: #133553;
    color: rgba(19, 53, 83, var(--text-opacity))
}

.text-blue-387 {
    --text-opacity: 1;
    color: #3874b7;
    color: rgba(56, 116, 183, var(--text-opacity))
}

.text-blue-0d6 {
    --text-opacity: 1;
    color: #0d64a0;
    color: rgba(13, 100, 160, var(--text-opacity))
}

.text-blue-258 {
    --text-opacity: 1;
    color: #2583c2;
    color: rgba(37, 131, 194, var(--text-opacity))
}

.text-blue-288 {
    --text-opacity: 1;
    color: #2882c0;
    color: rgba(40, 130, 192, var(--text-opacity))
}

.text-blue-448 {
    --text-opacity: 1;
    color: #4487cc;
    color: rgba(68, 135, 204, var(--text-opacity))
}

.text-blue-3b8 {
    --text-opacity: 1;
    color: #3b82f2;
    color: rgba(59, 130, 242, var(--text-opacity))
}

.text-blue-298 {
    --text-opacity: 1;
    color: #2982c0;
    color: rgba(41, 130, 192, var(--text-opacity))
}

.text-green-8bc {
    --text-opacity: 1;
    color: #8bc24c;
    color: rgba(139, 194, 76, var(--text-opacity))
}

.text-green-93c {
    --text-opacity: 1;
    color: #93cc44;
    color: rgba(147, 204, 68, var(--text-opacity))
}

.text-green-c1f {
    --text-opacity: 1;
    color: #c1ff05;
    color: rgba(193, 255, 5, var(--text-opacity))
}

.text-green-1db {
    --text-opacity: 1;
    color: #1db868;
    color: rgba(29, 184, 104, var(--text-opacity))
}

.text-red-ec1 {
    --text-opacity: 1;
    color: #ec1b1b;
    color: rgba(236, 27, 27, var(--text-opacity))
}

.text-yellow-eb9 {
    --text-opacity: 1;
    color: #eb9c0b;
    color: rgba(235, 156, 11, var(--text-opacity))
}

.text-yellow-f69 {
    --text-opacity: 1;
    color: #f69119;
    color: rgba(246, 145, 25, var(--text-opacity))
}

.text-yellow-ffc {
    --text-opacity: 1;
    color: #ffc600;
    color: rgba(255, 198, 0, var(--text-opacity))
}

.text-orange-f99 {
    --text-opacity: 1;
    color: #f99601;
    color: rgba(249, 150, 1, var(--text-opacity))
}

.text-orange-ff9 {
    --text-opacity: 1;
    color: #ff9f00;
    color: rgba(255, 159, 0, var(--text-opacity))
}

.text-ora-f29 {
    --text-opacity: 1;
    color: #f29005;
    color: rgba(242, 144, 5, var(--text-opacity))
}

.text-ora-ef8 {
    --text-opacity: 1;
    color: #ef8f05;
    color: rgba(239, 143, 5, var(--text-opacity))
}

.text-ora-f69 {
    --text-opacity: 1;
    color: #f69334;
    color: rgba(246, 147, 52, var(--text-opacity))
}

.text-ora-f57 {
    --text-opacity: 1;
    color: #f57134;
    color: rgba(245, 113, 52, var(--text-opacity))
}

.text-ora-c55 {
    --text-opacity: 1;
    color: #c55a11;
    color: rgba(197, 90, 17, var(--text-opacity))
}

.hover\:text-black:hover {
    --text-opacity: 1;
    color: #22292f;
    color: rgba(34, 41, 47, var(--text-opacity))
}

.hover\:text-gray-2d:hover {
    --text-opacity: 1;
    color: #2d2d2d;
    color: rgba(45, 45, 45, var(--text-opacity))
}

.hover\:text-ora-f89:hover {
    --text-opacity: 1;
    color: #f89700;
    color: rgba(248, 151, 0, var(--text-opacity))
}

.hover\:text-blue-255:hover {
    --text-opacity: 1;
    color: #2559a2;
    color: rgba(37, 89, 162, var(--text-opacity))
}

.hover\:text-blue-0d6:hover {
    --text-opacity: 1;
    color: #0d64a0;
    color: rgba(13, 100, 160, var(--text-opacity))
}

.hover\:text-blue-258:hover {
    --text-opacity: 1;
    color: #2583c2;
    color: rgba(37, 131, 194, var(--text-opacity))
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.normal-case {
    text-transform: none
}

.underline {
    text-decoration: underline
}

.hover\:underline:hover {
    text-decoration: underline
}

.ordinal {
    --font-variant-numeric-ordinal: var(--tailwind-empty, /*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty, /*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty, /*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty, /*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty, /*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
    --font-variant-numeric-ordinal: ordinal
}

.tracking-0 {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-widest {
    letter-spacing: .1em
}

.tracking-f1px {
    letter-spacing: -1px
}

.tracking-1px {
    letter-spacing: 1px
}

.tracking-2px {
    letter-spacing: 2px
}

.tracking-3px {
    letter-spacing: 3px
}

.tracking-4px {
    letter-spacing: 4px
}

.tracking-5px {
    letter-spacing: 5px
}

.tracking-6px {
    letter-spacing: 6px
}

.align-middle {
    vertical-align: middle
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-no-wrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-19 {
    width: 4.75rem
}

.w-20 {
    width: 5rem
}

.w-27 {
    width: 6.75rem
}

.w-32 {
    width: 8rem
}

.w-40 {
    width: 10rem
}

.w-45 {
    width: 11.25rem
}

.w-52 {
    width: 13rem
}

.w-58 {
    width: 14.5rem
}

.w-71 {
    width: 17.75rem
}

.w-75 {
    width: 18.75rem
}

.w-78 {
    width: 19.5rem
}

.w-90 {
    width: 22.5rem
}

.w-106 {
    width: 26.5rem
}

.w-118 {
    width: 29.5rem
}

.w-384 {
    width: 24rem
}

.w-1200 {
    width: 75rem
}

.w-auto {
    width: auto
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.33333%
}

.w-2\/3 {
    width: 66.66667%
}

.w-1\/4 {
    width: 25%
}

.w-1\/5 {
    width: 20%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-full {
    width: 100%
}

.w-12px {
    width: 12px
}

.w-44px {
    width: 44px
}

.w-52px {
    width: 52px
}

.w-92px {
    width: 92px
}

.w-88px {
    width: 88px
}

.w-108px {
    width: 108px
}

.w-128px {
    width: 128px
}

.w-232px {
    width: 232px
}

.w-140px {
    width: 140px
}

.w-156px {
    width: 156px
}

.w-164px {
    width: 164px
}

.w-168px {
    width: 168px
}

.w-248px {
    width: 248px
}

.w-236px {
    width: 236px
}

.w-300px {
    width: 300px
}

.w-344px {
    width: 344px
}

.w-351px {
    width: 351px
}

.w-8px {
    width: 8px
}

.w-16px {
    width: 16px
}

.w-20px {
    width: 20px
}

.w-24px {
    width: 24px
}

.w-28px {
    width: 28px
}

.w-32px {
    width: 32px
}

.w-36px {
    width: 36px
}

.w-40px {
    width: 40px
}

.w-56px {
    width: 56px
}

.w-64px {
    width: 64px
}

.w-68px {
    width: 68px
}

.w-72px {
    width: 72px
}

.w-76px {
    width: 76px
}

.w-104px {
    width: 104px
}

.w-100px {
    width: 100px
}

.w-136px {
    width: 136px
}

.w-160px {
    width: 160px
}

.w-200px {
    width: 200px
}

.w-212px {
    width: 212px
}

.w-260px {
    width: 260px
}

.w-280px {
    width: 280px
}

.w-298px {
    width: 298px
}

.w-320px {
    width: 320px
}

.w-324px {
    width: 324px
}

.w-396px {
    width: 396px
}

.w-420px {
    width: 420px
}

.w-460px {
    width: 460px
}

.w-352px {
    width: 352px
}

.w-30b {
    width: 30%
}

.w-35b {
    width: 35%
}

.w-45b {
    width: 45%
}

.w-48b {
    width: 48%
}

.w-55b {
    width: 55%
}

.w-76b {
    width: 76%
}

.w-88b {
    width: 88%
}

.w-90b {
    width: 90%
}

.w-60px {
    width: 60px
}

.w-220px {
    width: 220px
}

.w-228px {
    width: 228px
}

.w-256px {
    width: 256px
}

.w-560px {
    width: 560px
}

.w-wd-n-6-px {
    width: 6px
}

.w-wd-n-8-px {
    width: 8px
}

.w-wd-n-12-px {
    width: 12px
}

.w-wd-n-16-px {
    width: 16px
}

.w-wd-n-36-px {
    width: 36px
}

.w-wd-n-40-px {
    width: 40px
}

.w-wd-n-44-px {
    width: 44px
}

.w-wd-n-48-px {
    width: 48px
}

.w-wd-n-52-px {
    width: 52px
}

.w-wd-n-56-px {
    width: 56px
}

.w-wd-n-60-px {
    width: 60px
}

.w-wd-n-64-px {
    width: 64px
}

.w-wd-n-68-px {
    width: 68px
}

.w-wd-n-72-px {
    width: 72px
}

.w-wd-n-76-px {
    width: 76px
}

.w-wd-n-100-px {
    width: 100px
}

.w-wd-n-116-px {
    width: 116px
}

.w-wd-n-132-px {
    width: 132px
}

.w-wd-n-144-px {
    width: 144px
}

.w-wd-n-160-px {
    width: 160px
}

.w-wd-n-164-px {
    width: 164px
}

.w-wd-n-180-px {
    width: 180px
}

.w-wd-n-248-px {
    width: 248px
}

.w-wd-n-252-px {
    width: 252px
}

.w-wd-n-260-px {
    width: 260px
}

.w-wd-n-300-px {
    width: 300px
}

.w-wd-n-336-px {
    width: 336px
}

.w-wd-n-352-px {
    width: 352px
}

.w-wd-n-1200-px {
    width: 1200px
}

.w-wd-n-6-b {
    width: 6%
}

.w-wd-n-26-b {
    width: 26%
}

.w-wd-n-36-b {
    width: 36%
}

.w-wd-n-40-b {
    width: 40%
}

.w-wd-n-60-b {
    width: 60%
}

.w-wd-n-62-b {
    width: 62%
}

.w-wd-n-70-b {
    width: 70%
}

.w-wd-n-80-b {
    width: 80%
}

.w-wd-n-98-b {
    width: 98%
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.grid-cols-3 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1
}

.transition-all {
    transition-property: all
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@-webkit-keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%, to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%, to {
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.text-over-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blocks {
    display: block
}

.lp-m-stock-banner-bg {
    background-image: url(/static/home/images/m-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#header .header-sign-in-btn:hover .header-sign-in-list {
    display: block
}

#header .first-level-nav-btn:last-of-type {
    width: 84px;
    flex: none
}

#header .first-level-nav-btn:last-of-type a {
    padding-right: 0
}

#header .xn_h_3_Lang_HVbox {
    top: 50px;
    background: #fff
}

#header .xn_h_3_Lang_wenzi img {
    margin-right: 12px
}

#header .xn_h_3_Lang_HVbox {
    width: 440px;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    display: none;
    position: absolute;
    left: -180px;
    z-index: 999;
    padding: 30px 30px 14px
}

#header .lang-items-list-btn:hover .xn_h_3_Lang_HVbox {
    display: flex
}

#header .xn_h_3_Lang_HVbox.index {
    top: 44px !important;
    background-color: #fff
}

#header .xn_h_3_Lang_HVbox.index a {
    color: #000
}

#header .xn_h_3_Lang_HVbox.normal {
    top: 40px !important
}

#header .xn_h_3_Lang_HVbox.normal a {
    color: #343434
}

.n_content_right_name_r {
    float: right;
    height: 35px;
    margin-top: 9px;
    color: #666;
    font-size: 14px;
    text-align: right
}

.n_content_right_name_r ul li {
    float: right;
    line-height: 34px;
    color: #666;
    font-size: 14px
}

.n_content_right_name_r ul li a {
    color: #666;
    font-size: 14px
}

.n_content_right_name_r ul li img {
    margin-right: 4px;
    margin-top: -2px
}

#m_e_book .errors {
    display: none
}

#m_e_book .EIMS_C_40032_7_text {
    display: flex;
    line-height: 38px;
    margin-bottom: 18px
}

#m_e_book .EIMS_C_40032_7_select {
    margin-left: 20%;
    width: 75%;
    margin-bottom: 18px
}

#m_e_book .EIMS_C_40032_7_select select {
    height: 42px;
    width: 100%;
    font-size: 14px;
    color: #132e34;
    line-height: 42px;
    cursor: pointer;
    border: 1px solid #1f6393;
    border-radius: 5px;
    background-color: #fff
}

#m_e_book .xn_c_112_Email2, #m_e_book .xn_c_112_Mobile2, #m_e_book .xn_c_112_Name2 {
    display: inline-block;
    width: 75%
}

#m_e_book .xn_c_112_Submit {
    text-align: center
}

#m_e_book .list {
    padding: 0 .64rem;
    height: 8rem
}

#m_e_book .list ul li {
    display: inline-block;
    width: 4.04rem;
    float: left
}

#m_e_book .list ul li:nth-child(odd) {
    margin-right: .64rem
}

#m_e_book .list ul li img {
    width: 100%
}

#webinar_pages .webinar_pc_banner_bg {
    background-image: url(/static/home/images/pc-banner-bg.png)
}

#m_webinar {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue, Helvetica, Arial, sans-serif
}

#m_webinar .bb {
    color: red;
    font-size: 20px
}

#m_webinar .text-18 {
    font-size: 18px
}

#m_webinar .text-16 {
    font-size: 16px
}

#m_webinar .text-14 {
    font-size: 14px
}

#m_webinar .text-2d {
    color: #2d2d2d
}

#m_webinar .text-5b {
    color: #5b5b5b
}

#m_webinar .m_webinar_banner_bg {
    background-image: url(/static/home/images/m-banner-bg.png);
    padding: 40px 0 31px
}

#m_webinar .m-webinar-text {
    margin: 37px 0 28px;
    font-size: 18px;
    color: #2d2d2d
}

#m_webinar .icon_text {
    margin-top: 10px;
    font-size: 14px;
    color: #2e2e2e
}

#m_webinar .icon-box {
    width: 24%
}

#m_webinar .mr-4px {
    margin-right: 10px
}

#m_webinar .w-16px {
    width: 52px
}

#m_webinar .border-d5 {
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

#m_webinar .statement li {
    padding-left: 13px
}

#m_webinar .li-icon {
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px
}

#m_webinar .li-icons {
    top: -1px;
    left: 0
}

#ib_register_page .search-keywords {
    -webkit-appearance: none;
    padding: 0 16px
}

@media (min-width: 1200px) {
    #ib_register_page .new-margin-top {
        margin-top: -16px
    }

    #ib_register_page .center-img {
        display: block
    }

    #ib_register_page #ib-register-banner-form {
        margin-bottom: 20px;
        padding: 12px 28px 0
    }

    #ib_register_page #ib-register-banner-form .search-keywords {
        background: transparent;
        padding: 0 20px
    }
}

#ib_register_page .banner {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

#ib_register_page .voice {
    background-image: url(/static/home/images/voice-bg.jpg)
}

#ib_register_page .ibRegister-box .active {
    background-image: url(/static/home/images/ib-register-icon-tool-active.png)
}

#ib_register_page .ib-voice-slider .swiper-button-prev {
    background-image: url(/static/home/images/voice-left-btn.png)
}

#ib_register_page .ib-voice-slider .swiper-button-next:after, #ib_register_page .ib-voice-slider .swiper-button-prev:after {
    display: none
}

#ib_register_page .ib-voice-slider .swiper-button-next {
    background-image: url(/static/home/images/voice-right-btn.png)
}

#ib_register_page .tools-icon {
    background-image: url(/static/home/images/ib-register-icon-tool-index.png)
}

#ib_register_page h4.active {
    background-image: url(/static/home/images/ib-register-icon-tool-active.png)
}

#ib_register_page #ib-register-banner-form select {
    background-image: url(/static/home/images/form-icon.png)
}

@-webkit-keyframes animLoader {
    to {
        transform: rotate(1turn)
    }
}

#IB_all .mb-3 {
    margin-bottom: 12px
}

#IB_all .px-4 {
    padding-left: 16px;
    padding-right: 16px
}

#IB_all .text-18 {
    font-size: 18px
}

#IB_all section {
    line-height: 1
}

#IB_all .text-size-xs {
    font-size: 12px
}

#IB_all .text-size-base {
    font-size: 16px
}

#IB_all .title-icon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f39706;
    border-style: solid;
    border-width: 7px 9px
}

#IB_all #banner {
    height: 250px
}

#IB_all .banner-title h2 {
    text-shadow: 0 3px 3px rgba(54, 54, 54, .58);
    font-size: 30px;
    padding-top: 40px;
    margin-bottom: 20px
}

#IB_all .banner-title p {
    font-size: 18px
}

#IB_all .banner-content:first-of-type {
    margin-bottom: 8px
}

#IB_all #form-section-top {
    margin-bottom: 20px;
    padding: 12px 28px 0
}

#IB_all #form-section-top .search-keywords {
    background: transparent;
    padding: 0 16px
}

#IB_all #form-section-top .form-box {
    padding: 20px 22px 22px 28px;
    background-color: #f5f5f5
}

#IB_all #form-section-top .form-box h2 {
    font-size: 18px;
    color: #343434;
    margin-bottom: 12px
}

#IB_all #form-section-top .form-box p {
    font-size: 12px;
    color: #999;
    margin-bottom: 16px
}

#IB_all #form-section-top .form-box input::-webkit-input-placeholder {
    opacity: 1;
    font-size: 14px;
    color: #999
}

#IB_all #form-section-top .get-sms-code {
    color: #999;
    font-size: 12px
}

#IB_all #form-section-top .form-box .submit-box .submit {
    padding: 12px 44px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #fefefe;
    width: auto;
    display: inline-block;
    background-color: #f4a400;
    border-radius: 2px;
    border: 0
}

#IB_all #feature {
    height: 80px;
    padding: 20px 0 0
}

#IB_all #feature .swiper-wrapper {
    transition-timing-function: linear
}

#IB_all #feature .swiper-slide {
    width: auto
}

#IB_all .title-box {
    margin-bottom: 4px
}

#IB_all .feature-items {
    border-color: #f4a803
}

#IB_all .feature-icon {
    padding-left: 8px;
    margin-right: 8px
}

#IB_all .feature-icon img {
    max-height: 22px
}

#IB_all .feature-title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    color: #eba018;
    margin-right: 4px
}

#IB_all .feature-second-title {
    font-size: 12px;
    color: #2e2e2e;
    padding-bottom: 2px
}

#IB_all .feature-content-box {
    margin-right: 16px
}

#IB_all .feature-content {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1;
    color: #2e2e2e;
    margin-top: 4px
}

#IB_all #form-section-top .form-box {
    margin: 0 auto;
    padding: 20px 16px;
    width: 318px;
    height: 400px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 hsla(0, 0%, 51.8%, .34);
    border-radius: 5px
}

#IB_all #form-section-top .input-box {
    margin-bottom: 16px;
    height: 42px;
    z-index: 50
}

#IB_all #form-section-top input {
    padding: 0 16px;
    width: 100%;
    height: 40px;
    line-height: 40px
}

#IB_all #form-section-top form h2 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    font-weight: 700;
    color: #343434
}

#IB_all #form-section-top form .send-form-data {
    font-size: 16px;
    color: #fefefe;
    padding: 16px;
    background-color: #f29900;
    border-radius: 2px
}

#IB_all #form-section-top form .truncate {
    font-size: 12px;
    color: red;
    margin-bottom: -4px;
    line-height: 1;
    margin-top: 4px
}

#IB_all #partner {
    margin-top: 32px;
    padding-top: 28px;
    padding-bottom: 16px
}

#IB_all #partner .title {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #2e2e2e;
    text-align: center;
    margin-bottom: 8px
}

#IB_all #partner ul {
    padding: 0 16px
}

#IB_all #partner ul li {
    margin-bottom: 24px
}

#IB_all #partner ul .icon-box {
    margin-right: 12px
}

#IB_all #partner ul div h3 {
    margin-bottom: 8px;
    font-size: 16px
}

#IB_all #partner ul div p {
    font-size: 12px;
    color: #333;
    opacity: .7;
    line-height: 1.4
}

#IB_all .join-form-alert-btn {
    width: 214px;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #f29900;
    text-align: center;
    font-weight: 400;
    padding: 0
}

#IB_all .join-form-alert-btn span {
    font-family: Alibaba-PuHuiTi-M;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    color: #f29900;
    white-space: nowrap
}

#IB_all .join-form-alert-box {
    background-color: rgba(0, 0, 0, .5);
    z-index: 10000
}

#IB_all .join-form-alert-box .search-keywords {
    background: transparent;
    padding: 0 20px
}

#IB_all .join-form-alert-box .form-box {
    margin: 0 auto;
    padding: 20px 16px;
    width: 84%;
    background-color: #fff;
    box-shadow: 0 0 9px 0 hsla(0, 0%, 51.8%, .34);
    border-radius: 5px
}

#IB_all .join-form-alert-box .input-box {
    margin-bottom: 16px;
    width: 100%;
    height: 40px
}

#IB_all .join-form-alert-box .input-box .sms-code {
    height: 40px
}

#IB_all .join-form-alert-box input {
    padding: 20px;
    background-color: transparent
}

#IB_all .join-form-alert-box .form-box .get-sms-code, #IB_all .join-form-alert-box .form-box input::-webkit-input-placeholder {
    opacity: 1;
    font-size: 14px;
    color: #999
}

#IB_all .join-form-alert-box form h2 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 18px;
    font-weight: 700;
    color: #343434
}

#IB_all .join-form-alert-box .close-btn {
    cursor: pointer;
    width: 16px;
    height: 16px;
    font-size: 24px;
    line-height: 1px;
    margin-top: 12px;
    margin-right: 12px;
    color: #999;
    padding-top: 8px
}

#IB_all .join-form-alert-box .truncate {
    font-size: 12px;
    color: red
}

#IB_all .join-form-alert-box form .send-form-data {
    font-size: 16px;
    color: #fefefe;
    padding: 16px;
    background-color: #f29900;
    border-radius: 2px
}

#IB_all .join-form-alert-box form .truncate {
    font-size: 12px;
    color: red;
    margin-bottom: -4px;
    line-height: 1;
    margin-top: 4px
}

#IB_all #video {
    padding-top: 32px
}

#IB_all #video h2 {
    font-size: 18px;
    margin-bottom: 16px
}

#IB_all .video-box {
    padding: 0 28px
}

#IB_all #tools {
    margin-top: 30px;
    margin-bottom: 32px;
    text-align: center
}

#IB_all #tools h2 {
    font-size: 18px;
    margin-bottom: 20px
}

#IB_all #tools .tools-container {
    height: 392px
}

#IB_all #tools .tools-container img {
    max-width: 286px
}

#IB_all #tools .tools-container .swiper-slide div {
    padding: 0 28px
}

#IB_all #tools .tools-container .swiper-slide div .img-box {
    height: 264px
}

#IB_all #tools .tools-container .swiper-slide h3 {
    font-size: 12px;
    color: #f4a400;
    margin: 18px 0 12px;
    padding-left: 22px;
    background: url(/static/home/images/ib-register-tool-title-icon.png) no-repeat 0;
    background-size: contain;
    display: inline-block
}

#IB_all #tools .tools-container .swiper-slide p {
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #5c5c5c;
    text-align: left
}

#IB_all #tools .more-tools-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 214px;
    height: 40px;
    border: 1px solid #f4a400;
    margin: 0 auto
}

#IB_all #tools .more-tools-btn a {
    white-space: nowrap;
    font-size: 16px;
    color: #f4a400;
    display: block;
    border-radius: 2;
    text-align: center;
    padding: 0;
    width: 100%
}

#IB_all #customer-voice {
    padding-top: 32px;
    padding-bottom: 32px
}

#IB_all #customer-voice h2 {
    margin-bottom: 28px;
    font-size: 18px;
    font-weight: 700
}

#IB_all #customer-voice .m-ib-voice-slider, #IB_all #customer-voice .m-ib-voice-slider .swiper-slide > div {
    height: 124px
}

#IB_all #customer-voice .swiper-button-prev:after {
    line-height: 16px;
    font-size: 16px
}

#IB_all #customer-voice .swiper-button-next:after {
    line-height: 16px;
    font-size: 16px
}

#IB_all #global {
    padding-top: 28px;
    margin-bottom: 20px
}

#daili-m-vip {
    font-family: Microsoft YaHei, PingFang SC
}

#daili-m-vip .tracking-1px {
    letter-spacing: 1px
}

#daili-m-vip .tracking-2px {
    letter-spacing: 2px
}

#daili-m-vip .line-1 {
    line-height: 1
}

#daili-m-vip .mre-btn {
    display: inline-block;
    z-index: 1;
    position: relative;
    transition: color .5s ease-in-out;
    color: #201611;
    width: 232px;
    line-height: 50px;
    box-shadow: 0 3px 4px 1px rgba(7, 1, 2, .78);
    border-radius: 25px;
    border: 2px solid #fffcab
}

#daili-m-vip .mre-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(270deg, #eca636, #ffd383);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#daili-m-vip .mre-btn:hover {
    border: 2px solid #ffff97;
    color: #ffff97
}

#daili-m-vip .mre-btn:hover:before {
    left: 127%
}

#daili-m-vip .color-text {
    color: #e8c89d;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5dfbc), to(#dea76d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#daili-m-vip .mborder-color {
    padding: 15px 0
}

#daili-m-vip .con-bg {
    background: linear-gradient(#363746, #252c30)
}

#daili-m-vip .ye-border {
    padding: 20px 0 23px;
    border-radius: 5px;
    border: 2px solid #eda839
}

#daili-m-vip .active-list li {
    margin-bottom: 10px
}

#m-vip {
    font-family: Microsoft YaHei, PingFang SC
}

#m-vip .line-1 {
    line-height: 1
}

#m-vip .mre-btn {
    display: inline-block;
    z-index: 1;
    position: relative;
    transition: color .5s ease-in-out;
    color: #201611;
    width: 232px;
    line-height: 50px;
    box-shadow: 0 3px 4px 1px rgba(7, 1, 2, .78);
    border-radius: 25px;
    border: 2px solid #fffcab
}

#m-vip .mre-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(270deg, #eca636, #ffd383);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#m-vip .mre-btn:hover {
    border: 2px solid #ffff97;
    color: #ffff97
}

#m-vip .mre-btn:hover:before {
    left: 127%
}

#m-vip .mborder-color {
    padding: 15px 0;
    border-radius: 5px;
    border: 2px solid #eda839
}

#m-vip .text-fed {
    color: #fed180
}

#m-vip .small-line {
    margin-left: 3px;
    width: 8px;
    height: 2px
}

#m-vip .padding-center {
    padding: 0 38%
}

#m-vip .fed-line {
    margin-top: 5px;
    width: 42px;
    height: 2px
}

#m-vip .bg-full {
    background-size: 100% 100%
}

#m-vip .active-list li {
    margin-bottom: 10px
}

#mar-landing-page .pc-banner {
    display: none
}

#mar-landing-page .m-banner {
    display: block;
    position: relative
}

#mar-landing-page .m-banner > div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    padding-bottom: 64px
}

#mar-landing-page .m-banner > div img {
    width: 212px;
    display: block
}

#mar-landing-page main {
    background-color: #fdeacd
}

#mar-landing-page .pc-rule {
    display: none
}

#mar-landing-page .m-rule {
    margin: 0 auto;
    padding-top: 24px;
    display: block
}

#mar-landing-page .m-rule .gift-list .gift-item {
    background-image: url(/static/home/images/m-gift-bottom-bg.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 76px;
    padding-left: 10%;
    padding-right: 10%
}

#mar-landing-page .m-rule .gift-list .gift-item > div {
    width: 280px;
    height: 115px;
    background-color: #fff;
    box-shadow: 0 5px 2px 0 rgba(0, 74, 56, .17);
    border-radius: 10px;
    border: 2px solid #87a95d
}

#mar-landing-page .m-rule .gift-list-2 li {
    background-image: url(/static/home/images/m-gift-items-bg.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

#mar-landing-page .pc-detail, #mar-landing-page .pc-flow {
    display: none
}

@media (min-width: 1200px) {
    #mar-landing-page .pc-banner {
        display: block;
        position: relative
    }

    #mar-landing-page .pc-banner > div {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        padding-bottom: 120px
    }

    #mar-landing-page .m-banner {
        display: none
    }

    #mar-landing-page main {
        background-image: url(/static/home/images/pc-main-bg.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }

    #mar-landing-page .m-rule {
        display: none
    }

    #mar-landing-page .pc-rule {
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 64px;
        display: block
    }

    #mar-landing-page .gift-one-two {
        padding: 0 52px 148px;
        background-image: url(/static/home/images/pc-gift-bottom-bg.png);
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat
    }

    #mar-landing-page .gift-one-two > div {
        width: 520px;
        height: 460px;
        background-color: #fff;
        box-shadow: 0 9px 3px 0 rgba(0, 74, 56, .17);
        border-radius: 20px;
        border: 6px solid #87a95d
    }

    #mar-landing-page .gift-three {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        grid-auto-rows: 300px;
        grid-gap: 16px
    }

    #mar-landing-page .gift-three li {
        background-image: url(/static/home/images/pc-gift-items-bg.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    #mar-landing-page .m-flow {
        display: none
    }

    #mar-landing-page .pc-flow {
        display: block;
        margin: 60px auto 0;
        max-width: 1200px
    }

    #mar-landing-page .m-detail {
        display: none
    }

    #mar-landing-page .pc-detail {
        display: block;
        margin: 60px auto 0;
        max-width: 1200px
    }

    #mar-landing-page .detail-list {
        background-image: url(/static/home/images/pc-detail-bg.png);
        background-size: contain;
        background-position: 4px 0;
        background-repeat: no-repeat
    }
}

#may-nac-new-page a, #may-nac-new-page div, #may-nac-new-page h1, #may-nac-new-page h2, #may-nac-new-page h3, #may-nac-new-page h4, #may-nac-new-page h5, #may-nac-new-page h6, #may-nac-new-page li, #may-nac-new-page p, #may-nac-new-page span, #may-nac-new-page ul {
    font-family: PingFang SC
}

#may-nac-new-page h2 {
    margin: 0
}

#may-nac-new-page .animate-btn {
    text-decoration: none;
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px
}

#may-nac-new-page .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #fff
}

#may-nac-new-page .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(180deg, #ffb653, #ff6d46);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: 0
}

#may-nac-new-page .animate-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #f89600;
    border-radius: 999px;
    background-color: transparent;
    z-index: 2
}

#may-nac-new-page .animate-btn span {
    z-index: 2;
    position: relative
}

#may-nac-new-page .animate-btn:hover:before {
    left: 127%
}

#may-nac-new-page .btn-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

#may-nac-new-page .banner {
    padding-top: 56px;
    padding-bottom: 212px;
    background-image: url(/static/home/images/m-banner-bg-new.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

#may-nac-new-page .banner .pc-title-pic {
    width: 296px;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 4px
}

#may-nac-new-page .banner p {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    width: 244px;
    height: 28px;
    background-color: #2591ff;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -6px auto 0
}

#may-nac-new-page .banner > div p span:first-of-type {
    margin-right: 12px
}

#may-nac-new-page .banner > div a {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 204px;
    height: 48px;
    box-shadow: 0 1px 3px 0 rgba(150, 69, 0, .5);
    border-radius: 24px 24px 24px 24px;
    font-size: 18px;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 4px;
    color: #fff;
    margin: 28px auto 0;
    position: relative;
    left: 4px
}

#may-nac-new-page .luck-money {
    padding: 40px 0 36px;
    background-image: url(/static/home/images/m-sec1-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

#may-nac-new-page .luck-money .border-box {
    background-color: #f4b313;
    border-radius: 37px;
    border: 4px solid #000;
    padding: 4px 4px 0
}

@media (min-width: 374px) {
    #may-nac-new-page .luck-money {
        padding: 40px 12px 36px;
        background-image: url(/static/home/images/m-sec1-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top
    }

    #may-nac-new-page .luck-money .border-box {
        background-color: #f4b313;
        border-radius: 37px;
        border: 8px solid #000;
        padding: 8px 8px 0
    }
}

#may-nac-new-page .luck-money .border-box .luck-money-content {
    background-image: url(/static/home/images/m-sec1-gridbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 16px;
    padding-bottom: 48px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now {
    position: relative
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > img {
    width: 105%;
    position: relative;
    left: -8px;
    max-width: 105% !important
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box {
    margin-top: 36px;
    margin-left: 24px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > a {
    width: 144px;
    height: 32px;
    background-image: linear-gradient(0deg, #fea54e, #ff9c4a 11%, #ffc27b 50%, #fff1ba), linear-gradient(#fed37f, #fed37f);
    background-blend-mode: normal, normal;
    box-shadow: 0 2px 8px 0 #b7151f, inset 0 2px 3px 0 hsla(0, 0%, 100%, .64);
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > a img {
    width: 64px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    color: #fadbaf;
    text-align: center;
    margin-top: 14px;
    margin-left: 12px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > p span {
    margin-right: 8px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .dollar {
    margin-top: 27px;
    margin-left: 36px
}

#may-nac-new-page .luck-money .border-box .luck-money-content .dollar p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #ff444b;
    text-align: center
}

#may-nac-new-page .luck-money .border-box .luck-money-content .dollar img {
    width: 60px;
    display: block;
    margin: 4px auto 8px
}

#may-nac-new-page .luck-money .border-box .week-list .week-items {
    margin-bottom: 28px;
    margin-top: 6px;
    padding: 0 12px
}

#may-nac-new-page .luck-money .border-box .week-list .week-items:nth-of-type(2) {
    margin-bottom: 32px
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > span {
    width: 76px;
    height: 20px;
    background-color: #fdba14;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0;
    color: #343434;
    margin: 0 auto
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > div {
    position: relative
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > div > p {
    margin-top: 26px
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > div > p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 28px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0;
    color: #5a5a5a;
    text-align: center
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > div > p > span:first-of-type {
    margin-right: 16px
}

#may-nac-new-page .luck-money .border-box .week-list .week-items > div > p > span:nth-of-type(3) {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #ff6826
}

#may-nac-new-page .luck-money .border-box .tip {
    background-color: #fdba14;
    border-radius: 24px;
    border: 1px solid #000;
    height: 48px;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #343434;
    margin: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 28px
}

#may-nac-new-page .info-box {
    padding: 28px 12px 0
}

#may-nac-new-page .info-box .title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    color: #343434;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

#may-nac-new-page .info-box .title h2 {
    margin: 0 12px;
    font-weight: 700
}

#may-nac-new-page .info-box .title img {
    width: 64px;
    height: 1px;
    background-color: #343434
}

#may-nac-new-page .info-box .info-box-content {
    box-shadow: -1px 1px 7px 0 #dfe1e3;
    border-radius: 2px;
    border: 1px solid #ffbd0e;
    padding: 12px 12px 16px;
    letter-spacing: 1px;
    line-height: 1.7
}

#may-nac-new-page .info-box .info-box-content > ul:first-of-type > li {
    display: flex;
    align-items: flex-start
}

#may-nac-new-page .info-box .info-box-content > ul:first-of-type > li > p {
    flex: 1;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #f1a116
}

#may-nac-new-page .info-box .info-box-content > ul:first-of-type > li > span img {
    width: 12px;
    position: relative;
    top: -4px;
    margin-right: 8px
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) li > div {
    display: flex;
    align-items: flex-start
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) > li > div p {
    flex: 1;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0;
    color: #343434
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) > li > div span {
    width: 12px;
    height: 12px;
    background-color: #f1a116;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    top: 4px;
    margin-right: 8px
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul {
    padding-left: 20px
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul > li div {
    display: block
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul img {
    display: inline-block;
    width: 12px;
    height: 12px
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul span {
    font-size: 12px;
    color: #343434
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul li div p {
    font-size: 12px;
    color: #5a5a5a
}

#may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul li div p:first-of-type {
    font-size: 12px;
    color: #343434
}

#may-nac-new-page .info-box .info-box-content .tip {
    font-size: 12px;
    color: #5a5a5a;
    text-align: center;
    margin-top: 12px
}

#may-nac-new-page .bottom-section {
    margin-top: 16px;
    margin-bottom: 20px;
    position: relative
}

#may-nac-new-page .bottom-section .bolt-box {
    margin-top: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: 57%
}

@media (min-width: 374px) {
    #may-nac-new-page .bottom-section .bolt-box {
        margin-top: 56px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding-left: 57%
    }
}

#may-nac-new-page .bottom-section .bolt-box > div {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

#may-nac-new-page .bottom-section .bolt-box > div img {
    width: 64px;
    margin-right: 8px
}

#may-nac-new-page .bottom-section .bolt-box > div p {
    font-size: 16px;
    line-height: 1;
    color: #fff
}

#may-nac-new-page .bottom-section .bolt-box > p {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #fff
}

#may-nac-new-page .bottom-section .bolt-box > p span:first-of-type {
    margin-right: 8px;
    text-align: center
}

@media (min-width: 1200px) {
    #may-nac-new-page .banner {
        padding-top: 176px;
        padding-bottom: 100px;
        background-image: url(/static/home/images/pc-banner-bg-new.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top
    }

    #may-nac-new-page .banner .pc-title-pic {
        width: auto;
        display: block;
        margin: 0
    }

    #may-nac-new-page .banner p {
        font-size: 30px;
        line-height: 1;
        color: #fff;
        width: 452px;
        height: 52px;
        background-color: #2591ff;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: -20px 0 0
    }

    #may-nac-new-page .banner p span {
        margin-right: 12px
    }

    #may-nac-new-page .banner p span:nth-of-type(2) {
        margin-left: 8px;
        margin-right: 0
    }

    #may-nac-new-page .banner > div a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 312px;
        height: 72px;
        box-shadow: 0 1px 3px 0 rgba(150, 69, 0, .5);
        border-radius: 99px;
        font-size: 28px;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 4px;
        color: #fff;
        margin: 68px 0 0
    }

    #may-nac-new-page .luck-money {
        padding: 76px 0 80px;
        background-image: url(/static/home/images/pc-sec1-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top
    }

    #may-nac-new-page .luck-money .border-box {
        background-color: #f4b313;
        border-radius: 72px;
        border: 16px solid #000;
        padding: 16px 0 16px 16px
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content {
        background-image: url(/static/home/images/pc-sec1-gridbg.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
        padding-left: 28px;
        padding-bottom: 16px;
        display: flex
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now {
        position: relative
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > img {
        width: 100%;
        position: relative;
        left: 0;
        max-width: 105% !important
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .dollar {
        margin: 52px auto 0;
        text-align: center;
        padding-left: 12px
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .dollar p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #ff444b;
        text-align: center
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .dollar img {
        width: auto;
        display: block;
        margin: 20px auto 24px
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box {
        margin-top: 56px;
        margin-left: 0
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > a {
        width: 220px;
        height: 52px;
        background-image: linear-gradient(0deg, #fea54e, #ff9c4a 11%, #ffc27b 50%, #fff1ba), linear-gradient(#fed37f, #fed37f);
        background-blend-mode: normal, normal;
        box-shadow: 0 2px 8px 0 #b7151f, inset 0 2px 3px 0 hsla(0, 0%, 100%, .64);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 32px
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > a img {
        width: auto
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        color: #fadbaf;
        text-align: center;
        margin-top: 16px
    }

    #may-nac-new-page .luck-money .border-box .luck-money-content .get-now > div .btn-box > p span {
        margin-right: 8px
    }

    #may-nac-new-page .luck-money .border-box .week-list {
        padding-top: 40px;
        padding-left: 12px
    }

    #may-nac-new-page .luck-money .border-box .week-list .week-items {
        margin-bottom: 32px;
        padding: 0 12px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type {
        display: flex
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li {
        position: relative
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li:first-of-type {
        margin-right: 212px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li div {
        position: absolute;
        top: 0;
        left: 0
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li div {
        padding-left: 16px;
        padding-top: 16px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li div p {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:first-of-type li div p span:nth-of-type(2) {
        font-size: 18px;
        letter-spacing: 1px;
        color: #ff6826;
        font-weight: 700
    }

    #may-nac-new-page .luck-money .border-box .week-list > div {
        padding-left: 28px;
        position: relative;
        margin: 8px 0 4px
    }

    #may-nac-new-page .luck-money .border-box .week-list > div ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 2px 56px 0 20px;
        font-size: 14px;
        color: #343434
    }

    #may-nac-new-page .luck-money .border-box .week-list ul:nth-of-type(2) {
        display: flex
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li {
        position: relative
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li:first-of-type {
        margin-left: 172px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li:nth-of-type(2) {
        margin-left: 188px;
        position: relative;
        left: 24px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li div {
        position: absolute;
        top: 0;
        left: 0
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li div {
        padding-left: 20px;
        padding-top: 44px
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li div p {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #may-nac-new-page .luck-money .border-box .week-list > ul:nth-of-type(2) li div p span:nth-of-type(2) {
        font-size: 18px;
        letter-spacing: 1px;
        color: #ff6826;
        font-weight: 700
    }

    #may-nac-new-page .luck-money .border-box .tip-pc {
        width: 612px;
        height: 36px;
        border-radius: 99px;
        border: 2px solid #000;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0;
        margin: 40px 12px 0 28px;
        display: block;
        padding: 0 28px;
        text-align: center
    }

    #may-nac-new-page .luck-money .border-box .tip, #may-nac-new-page .luck-money .border-box .tip-pc {
        background-color: #fdba14;
        color: #343434;
        justify-content: center;
        align-items: center;
        box-sizing: border-box
    }

    #may-nac-new-page .luck-money .border-box .tip {
        border-radius: 24px;
        border: 1px solid #000;
        width: 292px;
        height: 48px;
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: 1px;
        margin: 0 12px;
        display: none;
        padding: 4px 28px
    }

    #may-nac-new-page .info-box {
        padding: 0 12px;
        margin-top: 56px
    }

    #may-nac-new-page .info-box .title {
        font-size: 36px;
        line-height: 1;
        letter-spacing: 0;
        color: #343434;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px
    }

    #may-nac-new-page .info-box .title h2 {
        margin: 0 20px
    }

    #may-nac-new-page .info-box .title img {
        width: 128px;
        height: 1px;
        background-color: #343434
    }

    #may-nac-new-page .info-box .info-box-content {
        box-shadow: -1px 1px 7px 0 #dfe1e3;
        border-radius: 2px;
        border: 1px solid #ffbd0e;
        padding: 24px 24px 32px 40px;
        letter-spacing: 0;
        line-height: 2.3
    }

    #may-nac-new-page .info-box .info-box-content > ul:first-of-type > li {
        display: flex;
        align-items: flex-start
    }

    #may-nac-new-page .info-box .info-box-content > ul:first-of-type > li > p {
        flex: 1;
        font-size: 18px;
        line-height: 2.3;
        letter-spacing: 0;
        color: #f1a116
    }

    #may-nac-new-page .info-box .info-box-content > ul:first-of-type > li > span img {
        width: 20px;
        position: relative;
        top: 0;
        margin-right: 8px
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) li > div {
        display: flex;
        align-items: flex-start
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) > li > div p {
        flex: 1;
        font-size: 18px;
        line-height: 2.3;
        letter-spacing: 0;
        color: #343434
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) > li > div span {
        width: 20px;
        height: 20px;
        background-color: #f1a116;
        border-radius: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #fff;
        position: relative;
        top: 10px;
        margin-right: 8px
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul {
        padding-left: 28px
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul > li div {
        display: block
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul img {
        display: inline-block;
        width: 16px;
        height: 16px
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul span {
        font-size: 18px;
        letter-spacing: -1px;
        color: #343434
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul li div p {
        font-size: 18px;
        color: #5a5a5a;
        padding-left: 20px
    }

    #may-nac-new-page .info-box .info-box-content > ul:nth-of-type(2) ul li div p:first-of-type {
        font-size: 18px;
        color: #343434;
        padding-left: 0
    }

    #may-nac-new-page .info-box .info-box-content .tip {
        font-size: 14px;
        color: #5a5a5a;
        text-align: center;
        margin-top: 20px
    }

    #may-nac-new-page .bottom-section {
        margin-top: 32px;
        margin-bottom: 60px
    }

    #may-nac-new-page .bottom-section .pc-bolt-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-bottom: 60px;
        margin-top: 104px;
        padding-left: 340px
    }

    #may-nac-new-page .bottom-section .pc-bolt-box img {
        width: 116px;
        margin-right: 16px
    }

    #may-nac-new-page .bottom-section .pc-bolt-box p {
        font-size: 30px;
        line-height: 1;
        color: #fff
    }

    #may-nac-new-page .bottom-section .pc-bolt-box > p span {
        margin-left: 8px
    }

    #may-nac-new-page .bottom-section .pc-bolt-box > p span:first-of-type {
        margin-left: 44px;
        text-align: center
    }

    #may-nac-new-page .bottom-section .pc-bolt-box > p span:nth-of-type(2) {
        margin-right: 12px
    }
}

#sep-stock-lading-page .banner {
    padding-top: 36px;
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 24px;
    padding-bottom: 16px
}

#sep-stock-lading-page .banner .pc-pic {
    display: none
}

#sep-stock-lading-page .banner .m-pic {
    width: 212px;
    margin-bottom: 12px
}

#sep-stock-lading-page .banner > div p {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ff7800
}

#sep-stock-lading-page .banner > div p:first-of-type span {
    margin-left: 4px
}

#sep-stock-lading-page .banner > div p:nth-of-type(2) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ff7800;
    margin-top: 4px
}

#sep-stock-lading-page .banner > div p:nth-of-type(2) span {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ff7800;
    font-weight: 700;
    margin: 0 4px 0 8px
}

#sep-stock-lading-page main {
    background-image: url(/static/home/images/pc-bg.jpg)
}

#sep-stock-lading-page .animate-btn {
    width: 184px;
    height: 40px;
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 999px;
    font-size: 18px;
    font-stretch: normal;
    line-height: 10px;
    color: #fff;
    text-shadow: 1px 1px 0 #c7ad4b
}

#sep-stock-lading-page .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #f47631
}

#sep-stock-lading-page .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(0deg, #f47631, #fa8b41 20%, #ffa050 42%, #fdc35d), linear-gradient(#fc8f45, #fc8f45);
    background-blend-mode: normal, normal;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#sep-stock-lading-page .animate-btn:after {
    border: 2px solid #ef8f05;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 999px;
    z-index: -2
}

#sep-stock-lading-page .animate-btn:hover:before {
    left: 127%
}

#sep-stock-lading-page .logo-block {
    margin-bottom: 20px;
    padding-top: 20px
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper {
    transition-timing-function: linear
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide {
    width: 124px;
    height: 76px;
    padding: 4px;
    box-sizing: border-box
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide .logo-box-shadow {
    height: 100%;
    box-shadow: 0 1px 4px 0 rgba(2, 43, 141, .2);
    border-radius: 2px;
    background-color: #fff
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide {
    font-size: 12px;
    color: #343434;
    font-weight: 400
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide img {
    max-height: 20px
}

#sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide a {
    white-space: nowrap
}

#sep-stock-lading-page .big-bag {
    margin-bottom: 20px
}

#sep-stock-lading-page .big-bag ul li {
    position: relative;
    margin-bottom: 16px
}

#sep-stock-lading-page .big-bag ul li > div {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    padding-top: 16px;
    padding-left: 12px;
    width: 100%
}

#sep-stock-lading-page .big-bag ul li > div div:first-of-type p:first-of-type {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: -1px;
    color: #fff;
    margin-bottom: 8px
}

#sep-stock-lading-page .big-bag ul li:first-of-type > div div:first-of-type p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding-left: 12px
}

#sep-stock-lading-page .big-bag ul li:nth-of-type(2) > div div:first-of-type p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding-left: 20px
}

#sep-stock-lading-page .big-bag ul li:nth-of-type(3) > div div:first-of-type p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding-left: 28px
}

#sep-stock-lading-page .big-bag ul li > div div:first-of-type p:nth-of-type(2) span {
    font-size: 32px
}

#sep-stock-lading-page .big-bag ul li > div div:nth-of-type(3) {
    padding-top: 24px
}

#sep-stock-lading-page .big-bag ul li > div div:nth-of-type(3) p:first-of-type {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d;
    margin-bottom: 8px
}

#sep-stock-lading-page .big-bag ul li:first-of-type > div div:nth-of-type(3) p:nth-of-type(2) {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #ae631d;
    margin-bottom: 24px
}

#sep-stock-lading-page .big-bag ul li:first-of-type > div div:nth-of-type(3) p:nth-of-type(2) span {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #ae631d;
    margin-bottom: 24px
}

#sep-stock-lading-page .big-bag ul li > div div:nth-of-type(3) p:nth-of-type(2) {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #ae631d;
    margin-bottom: 24px
}

#sep-stock-lading-page .big-bag ul li > div div:nth-of-type(3) p:nth-of-type(2) span {
    font-size: 14px;
    line-height: 1;
    color: #ae631d;
    margin-bottom: 12px
}

#sep-stock-lading-page .big-bag ul li > div div:nth-of-type(3) p:nth-of-type(3) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d;
    margin-bottom: 12px
}

#sep-stock-lading-page .big-bag ul li:nth-of-type(2) > div, #sep-stock-lading-page .big-bag ul li:nth-of-type(3) > div {
    padding-top: 20px
}

#sep-stock-lading-page .big-bag ul li:nth-of-type(2) > div div:nth-of-type(3), #sep-stock-lading-page .big-bag ul li:nth-of-type(3) > div div:nth-of-type(3) {
    padding-top: 28px
}

#sep-stock-lading-page .big-bag ul li:nth-of-type(2) > div div:nth-of-type(3) p:nth-of-type(2), #sep-stock-lading-page .big-bag ul li:nth-of-type(3) > div div:nth-of-type(3) p:nth-of-type(2) {
    margin-bottom: 20px
}

#sep-stock-lading-page .yellow-bag {
    margin-bottom: 20px
}

#sep-stock-lading-page .yellow-bag ul {
    display: grid;
    grid-template-columns:repeat(2, 160px);
    grid-auto-rows: 224px;
    grid-gap: 20px 0
}

#sep-stock-lading-page .yellow-bag ul li {
    position: relative
}

#sep-stock-lading-page .yellow-bag ul li > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 28px
}

#sep-stock-lading-page .yellow-bag ul li div img {
    width: 64px;
    margin: 0 auto 12px;
    display: block
}

#sep-stock-lading-page .yellow-bag ul li div p:first-of-type {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d;
    margin-bottom: 12px
}

#sep-stock-lading-page .yellow-bag ul li div p:first-of-type span {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d
}

#sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(2) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d;
    margin-bottom: 8px
}

#sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(3) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d;
    margin-bottom: 12px
}

#sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(3) span {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d
}

#sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(4) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: #ae631d
}

#sep-stock-lading-page .dot-and-line {
    margin-top: 28px;
    padding: 0 12px
}

#sep-stock-lading-page .dot-and-line > div > div:first-of-type {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

#sep-stock-lading-page .dot-and-line > div > div:first-of-type img {
    width: 120px;
    height: 36px
}

#sep-stock-lading-page .dot-and-line > div > div:first-of-type h2 {
    line-height: 36px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 0;
    color: #343434;
    margin-top: -36px;
    text-align: center;
    margin-bottom: 12px
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2), #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) {
    border: 5px solid #ffc644;
    background-color: #fff
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title {
    position: relative;
    padding-top: 4px
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title img, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title img {
    width: 56px
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title h3, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title h3 {
    margin-top: -24px;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #5a5a5a
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:first-of-type, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type {
    display: flex;
    justify-content: space-between;
    padding: 0 32px 0 20px;
    margin-top: 8px;
    margin-bottom: 4px
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:first-of-type img, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type img {
    height: 24px
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:nth-of-type(2), #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:nth-of-type(2) {
    font-size: 14px;
    line-height: 1;
    letter-spacing: -1.5px;
    color: #5a5a5a;
    display: flex;
    justify-content: space-between;
    padding: 0 4px;
    margin: 8px 0
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:nth-of-type(2) a {
    color: #2882c0;
    text-decoration: underline
}

#sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) {
    margin-top: 24px
}

#sep-stock-lading-page .btn-scale {
    -webkit-animation: banner-button-animate 1.2s linear 1s infinite;
    animation: banner-button-animate 1.2s linear 1s infinite
}

@keyframes banner-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    50% {
        transform: scale(1.185);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

#sep-stock-lading-page .conditions {
    margin-top: 32px;
    padding: 0 12px 20px
}

#sep-stock-lading-page .conditions > div > div:first-of-type {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

#sep-stock-lading-page .conditions > div > div:first-of-type img {
    width: 120px;
    height: 36px
}

#sep-stock-lading-page .conditions > div > div:first-of-type h2 {
    line-height: 36px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 0;
    color: #343434;
    margin-top: -36px;
    text-align: center;
    margin-bottom: 8px
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) {
    border: 5px solid #ffc644;
    background-color: #fff;
    padding: 8px 12px 12px 8px
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) > p:first-of-type {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 1px;
    color: #fc8f45
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) p:first-of-type img {
    margin-right: 4px;
    width: 12px
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    color: #5a5a5a
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li:nth-of-type(5) {
    color: #fc8f45
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li span {
    width: 12px;
    margin-right: 4px
}

#sep-stock-lading-page .conditions > div > div:nth-of-type(2) > p:nth-of-type(2) {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    color: #5a5a5a;
    text-align: center;
    margin-top: 12px
}

#sep-stock-lading-page main {
    background-image: url(/static/home/images/m-bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 374px) {
    #sep-stock-lading-page .big-bag {
        padding: 0 8px
    }

    #sep-stock-lading-page .yellow-bag ul {
        display: grid;
        grid-template-columns:repeat(2, 172px);
        grid-auto-rows: 224px;
        grid-gap: 20px 16px;
        padding: 0 8px
    }
}

@media screen and (min-width: 1200px) {
    #sep-stock-lading-page {
        margin-bottom: -40px
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper {
        transition-timing-function: linear;
        padding: 8px 0
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide {
        width: 248px;
        height: 120px;
        padding: 0 16px;
        box-sizing: border-box
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide .logo-box-shadow {
        height: 100%;
        box-shadow: 0 1px 7px 0 rgba(2, 43, 141, .2);
        border-radius: 4px;
        background-color: #fff
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide {
        font-size: 20px;
        color: #343434;
        font-weight: 400
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide img {
        max-height: 40px
    }

    #sep-stock-lading-page .sep-stock-logo-slider .swiper-wrapper .swiper-slide a {
        white-space: nowrap
    }

    #sep-stock-lading-page main {
        background-image: url(/static/home/images/pc-bg.jpg)
    }

    #sep-stock-lading-page .banner, #sep-stock-lading-page main {
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover
    }

    #sep-stock-lading-page .banner {
        padding-top: 56px;
        background-image: url(/static/home/images/pc-banner-bg.jpg);
        padding-left: 0;
        padding-bottom: 32px;
        margin-bottom: 0
    }

    #sep-stock-lading-page .banner .pc-pic {
        padding-left: 16px;
        margin: 0 auto 8px;
        display: block
    }

    #sep-stock-lading-page .banner .m-pic {
        display: none
    }

    #sep-stock-lading-page .banner > div > div:first-of-type {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        background-color: #ffdb85;
        box-shadow: 2px 3px 10px 0 rgba(131, 61, 1, .9);
        border-radius: 26px;
        width: 760px;
        height: 52px;
        padding: 4px 0;
        margin: 0 auto 36px
    }

    #sep-stock-lading-page .banner > div p {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 1px;
        color: #ff7800
    }

    #sep-stock-lading-page .banner > div p:first-of-type span {
        margin-left: 4px
    }

    #sep-stock-lading-page .banner > div p:nth-of-type(2) {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 1px;
        color: #ff7800;
        margin-top: 0
    }

    #sep-stock-lading-page .banner > div p:nth-of-type(2) span {
        font-size: 40px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ff7800;
        font-weight: 700;
        margin: 0 4px
    }

    #sep-stock-lading-page .animate-btn {
        width: 332px;
        height: 72px;
        text-decoration: none;
        letter-spacing: 1px;
        z-index: 10;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        border-radius: 999px;
        font-size: 40px;
        font-stretch: normal;
        line-height: 10px;
        color: #fff;
        text-shadow: 1px 1px 0 #c7ad4b;
        margin: 0 auto;
        box-shadow: 1px 2px 5px 1px rgba(174, 102, 28, .9)
    }

    #sep-stock-lading-page .animate-btn:hover {
        transition: color .5s ease-in-out;
        color: #f47631
    }

    #sep-stock-lading-page .animate-btn:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-image: linear-gradient(0deg, #f47631, #fa8b41 20%, #ffa050 42%, #fdc35d), linear-gradient(#fc8f45, #fc8f45);
        background-blend-mode: normal, normal;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #sep-stock-lading-page .animate-btn:after {
        border: 2px solid #ef8f05;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 999px;
        z-index: -2
    }

    #sep-stock-lading-page .animate-btn:hover:before {
        left: 127%
    }

    #sep-stock-lading-page .logo-block {
        padding-top: 60px;
        margin-bottom: 52px
    }

    #sep-stock-lading-page .logo-block > div > ul {
        display: flex;
        justify-content: space-between
    }

    #sep-stock-lading-page .logo-block > div > ul li {
        width: 216px;
        height: 120px;
        background-color: #fff;
        box-shadow: 0 1px 7px 0 rgba(2, 43, 141, .2);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    #sep-stock-lading-page .logo-block > div > ul li img {
        margin: 0 auto 24px;
        display: block
    }

    #sep-stock-lading-page .logo-block > div > ul li p {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0;
        color: #343434
    }

    #sep-stock-lading-page .big-bag {
        margin-bottom: 40px;
        padding: 0
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type {
        position: relative;
        width: 832px;
        margin: 0 auto 44px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding-top: 48px;
        padding-left: 24px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:first-of-type p:first-of-type {
        font-size: 32px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: -2px;
        color: #fff;
        margin-bottom: 16px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:first-of-type p:nth-of-type(2) {
        font-size: 58px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 2px;
        color: #fff;
        padding-left: 32px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:first-of-type p:nth-of-type(2) span {
        font-size: 78px;
        font-weight: 400;
        letter-spacing: 0;
        color: #fff
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:nth-of-type(3) p:first-of-type {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 3px;
        color: #ae631d;
        margin-bottom: 24px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:nth-of-type(3) p:nth-of-type(2) {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0;
        color: #ae631d;
        margin-bottom: 60px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:nth-of-type(3) p:nth-of-type(2) span {
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 0;
        color: #ae631d
    }

    #sep-stock-lading-page .big-bag .pc-box > div:first-of-type > div:first-of-type > div:nth-of-type(3) p:nth-of-type(3) {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 3px;
        color: #ae631d
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) {
        display: flex;
        justify-content: space-between
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div {
        position: relative;
        width: 588px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        padding-top: 36px;
        padding-left: 16px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div > img {
        width: 516px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:first-of-type p:first-of-type {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: -2px;
        color: #fff;
        margin-bottom: 16px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:first-of-type p:nth-of-type(2) {
        font-size: 36px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 2px;
        color: #fff;
        padding-left: 48px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:first-of-type p:nth-of-type(2) span {
        font-size: 48px;
        font-weight: 400;
        letter-spacing: 0;
        color: #fff
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:nth-of-type(3) p:first-of-type {
        font-size: 22px;
        line-height: 1;
        letter-spacing: 3px;
        color: #ae631d;
        margin-top: 40px;
        margin-bottom: 16px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:nth-of-type(3) p:nth-of-type(2) {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0;
        color: #ae631d;
        margin-bottom: 28px
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:nth-of-type(3) p:nth-of-type(2) span {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0;
        color: #ae631d
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div > div:first-of-type > div:nth-of-type(3) p:nth-of-type(3) {
        font-size: 22px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 3px;
        color: #ae631d
    }

    #sep-stock-lading-page .big-bag .pc-box > div:nth-of-type(2) > div:nth-of-type(2) > div {
        padding-left: 24px
    }

    #sep-stock-lading-page .yellow-bag {
        margin-bottom: 20px
    }

    #sep-stock-lading-page .yellow-bag ul {
        display: grid;
        grid-template-columns:repeat(4, 280px);
        grid-auto-rows: auto;
        justify-content: space-between;
        grid-gap: 16px;
        padding: 0
    }

    #sep-stock-lading-page .yellow-bag ul li {
        position: relative
    }

    #sep-stock-lading-page .yellow-bag ul li > div {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 36px;
        padding-left: 0;
        z-index: 1
    }

    #sep-stock-lading-page .yellow-bag ul li div img {
        width: 104px;
        margin: 0 auto 32px;
        display: block
    }

    #sep-stock-lading-page .yellow-bag ul li div p:first-of-type {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d;
        margin-bottom: 28px
    }

    #sep-stock-lading-page .yellow-bag ul li div p:first-of-type span {
        font-size: 40px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d
    }

    #sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(2) {
        font-size: 22px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d;
        margin-bottom: 8px
    }

    #sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(3) {
        font-size: 18px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d;
        margin-bottom: 24px;
        padding-left: 16px
    }

    #sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(3) span {
        font-size: 22px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d
    }

    #sep-stock-lading-page .yellow-bag ul li div p:nth-of-type(4) {
        font-size: 22px;
        line-height: 1;
        letter-spacing: 1px;
        color: #ae631d;
        padding-left: 16px
    }

    #sep-stock-lading-page .dot-and-line {
        margin-top: 52px;
        padding: 0;
        margin-bottom: 56px
    }

    #sep-stock-lading-page .dot-and-line > div > div:first-of-type {
        display: flex;
        justify-content: center;
        position: relative;
        margin: 0 auto
    }

    #sep-stock-lading-page .dot-and-line > div > div:first-of-type img {
        width: 268px;
        height: 80px
    }

    #sep-stock-lading-page .dot-and-line > div > div:first-of-type h2 {
        line-height: 80px;
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        letter-spacing: 0;
        color: #343434;
        margin-top: -80px;
        text-align: center;
        margin-bottom: 44px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2), #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) {
        border: 16px solid #ffc644;
        background-color: #fff
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title {
        position: relative;
        padding-top: 36px;
        margin-bottom: -56px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title img, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title img {
        width: 108px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) .title h3, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) .title h3 {
        margin-top: -48px;
        padding-left: 20px;
        font-size: 20px;
        font-weight: 400;
        line-height: 44px;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:first-of-type, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type {
        display: flex;
        justify-content: space-between;
        padding: 0 100px 0 188px;
        margin-top: 24px;
        margin-bottom: 24px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:first-of-type img, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type img {
        height: 54px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:first-of-type img.scale-pic, #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type img.scale-pic {
        transform: scale(1.185)
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:nth-of-type(2), #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:nth-of-type(2) {
        font-size: 20px;
        line-height: 1;
        letter-spacing: -1.5px;
        color: #5a5a5a;
        display: flex;
        justify-content: space-between;
        padding: 0 0 0 160px;
        margin: 28px 0 40px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(2) ul:nth-of-type(2) a {
        color: #2882c0;
        text-decoration: underline
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) {
        margin-top: -16px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:first-of-type {
        padding-right: 304px
    }

    #sep-stock-lading-page .dot-and-line > div > div:nth-of-type(3) ul:nth-of-type(2) {
        padding-right: 264px
    }

    #sep-stock-lading-page .conditions {
        margin-top: 32px;
        padding: 0 12px 60px;
        margin-bottom: 0
    }

    #sep-stock-lading-page .conditions > div > div:first-of-type {
        display: flex;
        justify-content: center;
        position: relative;
        margin: 0 auto
    }

    #sep-stock-lading-page .conditions > div > div:first-of-type img {
        width: 268px;
        height: 80px
    }

    #sep-stock-lading-page .conditions > div > div:first-of-type h2 {
        line-height: 80px;
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        letter-spacing: 0;
        color: #343434;
        margin-top: -80px;
        text-align: center;
        margin-bottom: 40px
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) {
        border: 16px solid #ffc644;
        background-color: #fff;
        padding: 36px 40px 12px 36px
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) > p:first-of-type {
        display: flex;
        align-items: center;
        font-size: 22px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 1px;
        color: #fc8f45
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) p:first-of-type img {
        margin-right: 4px;
        width: 24px
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li {
        display: flex;
        align-items: flex-start;
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0;
        color: #5a5a5a
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li:nth-of-type(5) {
        color: #fc8f45
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) > ol li span {
        width: 24px;
        margin-right: 4px
    }

    #sep-stock-lading-page .conditions > div > div:nth-of-type(2) > p:nth-of-type(2) {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 3;
        letter-spacing: 1px;
        color: #5a5a5a;
        text-align: center;
        margin-top: 32px
    }

    #sep-stock-lading-page .pc-align-4 {
        position: relative;
        left: -20px
    }

    #sep-stock-lading-page .pc-align-5 {
        position: relative;
        left: -60px
    }
}

#trading-conditions .m-card-content-item {
    line-height: 1.7
}

#trading-conditions .m-card-content-item h4, #trading-conditions .m-card-content-item h5 {
    font-size: 14px;
    color: #343434
}

#trading-conditions .m-card-content-item p {
    font-size: 14px;
    color: #5a5a5a
}

#trading-conditions .m-card-content-item ul li {
    font-size: 14px;
    color: #343434
}

#trading-conditions .m-card-content-item .blue-text {
    color: #168af5
}

#trading-conditions .m-card-content-item tbody, #trading-conditions .m-card-content-item tfoot, #trading-conditions .m-card-content-item thead {
    border: 1px solid #fff;
    height: 18px
}

#trading-conditions .m-card-content-item thead {
    background-color: #f1f1f1
}

#trading-conditions .m-card-content-item td, #trading-conditions .m-card-content-item th {
    padding-left: 12px
}

#trading-conditions .data-section {
    background-image: url(/static/home/images/m-bg.jpeg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f4f6f6
}

#trading-conditions table tr td:nth-child(5), #trading-conditions table tr td:nth-child(6), #trading-conditions table tr td:nth-child(7), #trading-conditions table tr th:nth-child(5), #trading-conditions table tr th:nth-child(6), #trading-conditions table tr th:nth-child(7) {
    display: none
}

#trading-conditions .el-pager li {
    min-width: 8px
}

#trading-conditions .table-data-list table {
    margin: 0;
    width: 100% !important
}

#trading-conditions .table-data-list table colgroup col {
    width: auto !important
}

#trading-conditions .table-data-list table .cell {
    padding: 0
}

#trading-conditions .table-data-list table thead th, #trading-conditions .table-data-list table thead tr {
    font-size: 12px;
    background: #154777;
    color: #fff;
    padding: 4px;
    text-align: center;
    width: 25% !important;
    white-space: nowrap;
    height: 48px
}

#trading-conditions .table-data-list table tbody td {
    padding: 4px 8px;
    font-size: 12px;
    border-bottom: 2px solid #f1f1f1;
    width: 25% !important;
    position: relative;
    background-color: #fff;
    text-align: left;
    white-space: nowrap;
    height: 49px
}

#trading-conditions .table-data-list table tbody td:nth-of-type(2), #trading-conditions .table-data-list table tbody td:nth-of-type(3), #trading-conditions .table-data-list table tbody td:nth-of-type(4), #trading-conditions .table-data-list table thead th:nth-of-type(2), #trading-conditions .table-data-list table thead th:nth-of-type(3), #trading-conditions .table-data-list table thead th:nth-of-type(4) {
    padding: 0 0 0 16px;
    text-align: left
}

#trading-conditions .table-data-list table tbody td:nth-of-type(4) {
    padding-right: 4px
}

@media (min-width: 1200px) {
    #trading-conditions .table-data-list table tbody td {
        padding: 4px;
        font-size: 12px;
        border-bottom: 2px solid #f1f1f1;
        width: 25% !important;
        position: relative;
        background-color: #fff;
        text-align: center;
        white-space: nowrap;
        height: 49px
    }

    #trading-conditions .table-data-list table tbody td:nth-of-type(2), #trading-conditions .table-data-list table tbody td:nth-of-type(3), #trading-conditions .table-data-list table tbody td:nth-of-type(4), #trading-conditions .table-data-list table thead th:nth-of-type(2), #trading-conditions .table-data-list table thead th:nth-of-type(3), #trading-conditions .table-data-list table thead th:nth-of-type(4) {
        padding: 4px;
        text-align: center
    }

    #trading-conditions .table-data-list table tbody td:first-of-type {
        text-align: left
    }
}

#trading-conditions .expenses .card-list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 0;
    margin-top: 20px
}

#trading-conditions .expenses .card-list li {
    background: #fff;
    text-align: center;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .1);
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    height: 148px
}

#trading-conditions .expenses .card-list li:hover {
    box-shadow: 0 8px 16px 5px rgba(0, 0, 0, .1)
}

#trading-conditions .expenses .card-list li h3 {
    color: #154777;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px
}

#trading-conditions .expenses .card-list li .more-btn-box {
    width: 100%;
    padding: 0 0 8px;
    border-top: 2px solid #f1f1f1;
    text-align: center
}

#trading-conditions .expenses .card-list li .more-btn-box span {
    width: 100%;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 16px
}

#trading-conditions .expenses .card-list .text-content {
    width: 1200px;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .1)
}

#trading-conditions .expenses .card-list .text-content li {
    box-shadow: none
}

#trading-conditions .card-content-item {
    display: none
}

#trading-conditions .card-content-list > li > .hidden {
    display: block
}

#trading-conditions .conditions-content h3 {
    font-size: 14px;
    line-height: 1;
    letter-spacing: -1px;
    color: #343434;
    font-weight: 700;
    margin-top: 28px;
    margin-bottom: 4px
}

#trading-conditions .conditions-content p, #trading-conditions .conditions-content ul li {
    font-size: 14px;
    font-weight: 400;
    color: #343434;
    line-height: 1.75;
    box-sizing: border-box
}

#trading-conditions .conditions-content p p, #trading-conditions .conditions-content ul li p {
    flex: 1;
    margin-left: 12px;
    display: inline
}

#trading-conditions .conditions-content ul li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #0d85f4;
    border-radius: 999px
}

@media (min-width: 1200px) {
    #trading-conditions .card-content-item {
        line-height: 2
    }

    #trading-conditions .card-content-item h4, #trading-conditions .card-content-item h5 {
        font-size: 16px;
        color: #343434
    }

    #trading-conditions .card-content-item p {
        font-size: 16px;
        color: #5a5a5a
    }

    #trading-conditions .card-content-item ul li {
        font-size: 16px;
        color: #343434
    }

    #trading-conditions .card-content-item .blue-text {
        color: #168af5
    }

    #trading-conditions table tr td, #trading-conditions table tr th {
        padding: 8px
    }

    #trading-conditions table tr td:nth-child(5), #trading-conditions table tr td:nth-child(6), #trading-conditions table tr td:nth-child(7), #trading-conditions table tr th:nth-child(5), #trading-conditions table tr th:nth-child(6), #trading-conditions table tr th:nth-child(7) {
        display: table-cell
    }

    #trading-conditions .el-pager li {
        min-width: 36px
    }

    #trading-conditions .table-data-list table {
        margin: 0;
        width: 100% !important
    }

    #trading-conditions .table-data-list table colgroup col {
        width: auto !important
    }

    #trading-conditions .table-data-list table .cell {
        padding: 0
    }

    #trading-conditions .table-data-list table thead th, #trading-conditions .table-data-list table thead tr {
        font-size: 18px;
        background: #154777;
        color: #fff;
        padding: 12px 10px;
        text-align: center;
        width: 25% !important;
        white-space: nowrap
    }

    #trading-conditions .table-data-list table tbody td {
        padding: 22px 10px;
        font-size: 16px;
        border-bottom: 2px solid #f1f1f1;
        width: 25% !important;
        position: relative;
        background-color: #fff;
        text-align: center;
        white-space: nowrap
    }

    #trading-conditions .table-data-list table tbody td:first-of-type {
        text-align: left;
        padding: 0 0 0 40px
    }

    #trading-conditions .data-section {
        background-image: url(/static/home/images/pc-bg.jpeg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% auto
    }

    #trading-conditions .expenses .card-list {
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 24px
    }

    #trading-conditions .expenses .card-list li {
        background: #fff;
        text-align: center;
        box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .1);
        border-radius: 4px;
        cursor: pointer;
        transition: all .3s;
        height: 212px
    }

    #trading-conditions .expenses .card-list li h3 {
        color: #154777;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 155px
    }

    #trading-conditions .expenses .card-list li .more-btn-box {
        width: 100%;
        padding: 8px 0;
        border-top: 2px solid #f1f1f1;
        text-align: center
    }

    #trading-conditions .expenses .card-list li .more-btn-box span {
        width: 100%;
        color: #a5a5a5;
        font-size: 16px;
        line-height: 16px
    }

    #trading-conditions .expenses .card-list .text-content {
        width: 1200px;
        top: 100%;
        left: 0;
        background-color: #fff;
        box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .1)
    }

    #trading-conditions .expenses .card-list .text-content li {
        box-shadow: none
    }

    #trading-conditions .conditions-content h3 {
        font-size: 18px;
        line-height: 1;
        letter-spacing: -1px;
        color: #343434;
        font-weight: 700;
        margin-top: 32px;
        margin-bottom: 12px
    }

    #trading-conditions .conditions-content p, #trading-conditions .conditions-content ul li {
        font-size: 14px;
        font-weight: 400;
        color: #343434;
        line-height: 2.3;
        display: flex;
        box-sizing: border-box
    }

    #trading-conditions .conditions-content p p, #trading-conditions .conditions-content ul li p {
        flex: 1;
        margin-left: 20px
    }

    #trading-conditions .conditions-content ul li:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        background-color: #0d85f4;
        border-radius: 999px;
        position: relative;
        top: 12px
    }
}

#about-avatrade-legaldocument .sv_banner_m {
    z-index: 0;
    width: 1920px;
    height: 299px;
    position: absolute;
    left: 0;
    margin-left: 0
}

#about-avatrade-contactus .sv_banner_m {
    Z-INDEX: 0;
    width: 1920px;
    height: 299px;
    position: absolute;
    left: 0;
    margin-left: 0
}

#about-avatrade-contactus .btns {
    background: #2882c0;
    margin-right: 20%
}

#about-avatrade-contactus .btns, #about-avatrade-contactus .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#about-avatrade-contactus .btns1 {
    background: #82bb41
}

#about-avatrade-faqq .sv_banner_m {
    Z-INDEX: 0;
    width: 1920px;
    height: 299px;
    position: absolute;
    left: 0;
    margin-left: 0
}

#about-avatrade-faqq .btns {
    background: #2882c0;
    margin-right: 20%
}

#about-avatrade-faqq .btns, #about-avatrade-faqq .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#about-avatrade-faqq .btns1 {
    background: #82bb41
}

#about-avatrade-faqq .question_items span:hover {
    cursor: pointer
}

#about-avatrade-faqq .question_items .icon_triangle_up {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: #aaa transparent transparent;
    border-style: solid;
    border-width: 10px 7px 0
}

#about-avatrade-faqq .question_items .icon_triangle_down {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #aaa;
    border-style: solid;
    border-width: 0 7px 10px
}

#about-avatrade-faqq .answer_items {
    display: none
}

#about-avatrade-announcement .btns {
    background: #2882c0;
    margin-right: 20%
}

#about-avatrade-announcement .btns, #about-avatrade-announcement .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#about-avatrade-announcement .btns1 {
    background: #82bb41
}

#aboutus .sv_banner_m {
    Z-INDEX: 0;
    width: 1920px;
    height: 299px;
    position: absolute;
    left: 0;
    margin-left: 0
}

#aboutus .btns {
    background: #2882c0;
    margin-right: 20%
}

#aboutus .btns, #aboutus .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#aboutus .btns1 {
    background: #82bb41
}

#vip_israel_page .clearfix:after {
    content: "";
    display: block;
    clear: both
}

#vip_israel_page #banner {
    width: 100%;
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto
}

#vip_israel_page #banner img {
    width: 100%
}

#vip_israel_page #info {
    width: 100%;
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

#vip_israel_page #info .container {
    width: 1200px;
    margin: 0 auto
}

#vip_israel_page #info .info-img {
    float: left;
    width: 580px;
    padding: 20px;
    background: url(/static/home/images/border_1.png) no-repeat 0 100%
}

#vip_israel_page #info .info-img div {
    overflow: hidden
}

#vip_israel_page #info .info-img img {
    width: 100%;
    transition: all .6s
}

#vip_israel_page #info .info-img img:hover {
    transform: scale(1.4)
}

#vip_israel_page #info .info-writing {
    float: right;
    width: 460px;
    padding-top: 50px
}

#vip_israel_page #info .info-writing .line {
    width: 96px;
    height: 5px;
    background-color: #eda042;
    margin-bottom: 25px
}

#vip_israel_page #info .info-writing p {
    font-family: MicrosoftYaHeiUI;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0;
    color: #222
}

#vip_israel_page #info .info-writing p span {
    font-family: MicrosoftYaHeiUI-Bold;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #eda042
}

#vip_israel_page #travel-flow {
    background-color: #232a42;
    width: 100%;
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    padding: 65px 0 50px
}

#vip_israel_page #travel-flow .container {
    max-width: 1300px;
    margin: 0 auto
}

#vip_israel_page #travel-flow ul li {
    width: 45%;
    float: left;
    margin-bottom: 55px
}

#vip_israel_page #travel-flow ul li .imgs {
    width: 48.7%;
    height: 232px;
    float: left;
    overflow: hidden
}

#vip_israel_page #travel-flow ul li .writing {
    width: 51.3%;
    height: 232px;
    float: left;
    background-color: #fff;
    font-family: MicrosoftYaHeiUI;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0;
    color: #343434;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

#vip_israel_page #travel-flow ul li .writing ul li {
    width: 100%;
    float: none;
    font-family: MicrosoftYaHeiUI;
    font-size: 1.1em;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 1px
}

#vip_israel_page #travel-flow ul li:first-child {
    margin-right: 5%;
    margin-bottom: 55px
}

#vip_israel_page #travel-flow ul li:first-child .writing {
    padding: 25px 10px 0;
    box-sizing: border-box
}

#vip_israel_page #travel-flow ul li:first-child .writing:hover {
    background-color: #eda042;
    color: #fff
}

#vip_israel_page #travel-flow ul li:first-child .writing li {
    margin-bottom: 0
}

#vip_israel_page #travel-flow ul li:first-child .writing li span {
    margin-left: 15px
}

#vip_israel_page #travel-flow ul li:nth-child(2) .writing p {
    padding: 90px 0 0 35px
}

#vip_israel_page #travel-flow ul li:nth-child(2) .writing:hover {
    background-color: #eda042;
    color: #fff
}

#vip_israel_page #travel-flow ul li:nth-child(3) {
    margin-right: 5%;
    margin-bottom: 55px
}

#vip_israel_page #travel-flow ul li:nth-child(3) .writing p {
    padding: 65px 0 0 35px;
    font-family: MicrosoftYaHeiUI;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0
}

#vip_israel_page #travel-flow ul li:nth-child(3) .writing:hover {
    background-color: #eda042;
    color: #fff
}

#vip_israel_page #travel-flow ul li:nth-child(4) .writing p {
    padding: 65px 0 0 35px;
    font-family: MicrosoftYaHeiUI;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0
}

#vip_israel_page #travel-flow ul li:nth-child(4) .writing:hover {
    background-color: #eda042;
    color: #fff
}

#vip_israel_page #travel-flow .pointer {
    font-family: MicrosoftYaHeiUI;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

#vip_israel_page #condition {
    width: 100%;
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    padding: 65px 0 50px
}

#vip_israel_page #condition .container {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center
}

#vip_israel_page #condition h2 {
    font-family: MicrosoftYaHeiUI-Bold;
    font-size: 36px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 1px;
    color: #222
}

#vip_israel_page #condition .line {
    width: 96px;
    height: 5px;
    background-color: #eda042;
    margin: 10px auto 60px
}

#vip_israel_page #condition ul {
    margin-bottom: 40px
}

#vip_israel_page #condition ul li {
    text-align: left;
    padding-left: 90px
}

#vip_israel_page #condition ul li p {
    font-size: 28px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 68px;
    letter-spacing: 1px
}

#vip_israel_page #condition ul li span {
    font-family: MicrosoftYaHeiUI-Bold;
    color: #eda042;
    margin-left: 20px
}

#vip_israel_page #condition ul li span.number {
    display: inline-block;
    width: 46px;
    height: 46px;
    text-align: center;
    background-color: #eda042;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .48);
    font-family: MicrosoftYaHei;
    font-size: 27px;
    line-height: 46px;
    color: #fff
}

#vip_israel_page #condition .pointer {
    font-family: MicrosoftYaHeiUI;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0
}

#vip_israel_page #condition .pointer span {
    color: #eda042
}

#vip_israel_page #condition .bottom_pic {
    box-sizing: border-box;
    margin-top: 80px;
    width: 100%;
    padding: 18px;
    background: url(/static/home/images/border_2.png) no-repeat 0 0
}

#vip_israel_page #condition .bottom_pic div {
    overflow: hidden
}

#vip_israel_page #condition .bottom_pic div img {
    width: 100%;
    transition: all .9s
}

#vip_israel_page #condition .bottom_pic img:hover {
    transform: scale(1.2)
}

#vip_israel_page div.foot {
    margin-bottom: 0
}

* {
    font-family: MicrosoftYaHei bold
}

.borders {
    color: #162f4b;
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, .74);
    box-shadow: 0 4px 6px 0 rgba(10, 11, 7, .58)
}

.borders:hover {
    background-color: #fff
}

.ring {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 10px;
    height: 10px;
    background: #f9ae3c
}

@media only screen and (max-width: 576px) {
    .ring {
        position: absolute;
        top: 10px;
        left: -20px;
        width: 10px;
        height: 10px;
        background: #f9ae3c
    }
}

.ri {
    position: absolute;
    left: -14px
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

#middle-alert-form .register_box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

.register_box {
    background: rgba(0, 0, 0, .6);
    width: 100vw;
    height: 100vw;
    position: fixed;
    top: -100px;
    z-index: 100;
    background: rgba(0, 0, 0, .8)
}

.mx-autos {
    margin-left: auto;
    margin-right: auto
}

.text-centers {
    text-align: center
}

@-webkit-keyframes banner-button-animates {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@keyframes banner-button-animates {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    50% {
        transform: scale(1.25);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@media (min-width: 1200px) {
    .mx-autos {
        margin-left: 0;
        margin-right: 0
    }

    .text-centers {
        text-align: left
    }

    @-webkit-keyframes banner-button-animates {
        0% {
            transform: scale(1);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        to {
            transform: scale(1);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
    }@keyframes banner-button-animates {
         0% {
             transform: scale(1);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         50% {
             transform: scale(1.25);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
         to {
             transform: scale(1);
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear
         }
     }
}

#pc-vip {
    font-family: Microsoft YaHei, PingFang SC
}

#pc-vip .line-1 {
    line-height: 1
}

#pc-vip main {
    max-width: 1920px;
    min-width: 1200px
}

#pc-vip .pc-banner-text-bg {
    width: 577px;
    line-height: 73px;
    background-size: 100% 100%
}

#pc-vip .re-btn {
    display: inline-block;
    z-index: 1;
    position: relative;
    transition: color .5s ease-in-out;
    color: #201611;
    width: 358px;
    line-height: 78px;
    box-shadow: 0 3px 4px 1px rgba(11, 3, 6, .78);
    border-radius: 38px;
    border: 2px solid #ffff97
}

#pc-vip .re-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(270deg, #eca636, #ffd383);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#pc-vip .re-btn:hover {
    border: 2px solid #ffff97;
    color: #ffff97
}

#pc-vip .re-btn:hover:before {
    left: 127%
}

#pc-vip .border-color {
    padding: 19px 0;
    border-radius: 10px;
    border: 2px solid #eda839
}

#pc-vip .text-fed {
    width: 231px;
    color: #fed180
}

#pc-vip .small-line {
    width: 8px;
    height: 2px
}

#pc-vip .padding-center {
    padding: 0 40%
}

#pc-vip .fed-line {
    margin-top: 8px;
    width: 60px;
    height: 2px
}

#pc-vip .bg-full {
    background-size: 100% 100%
}

#pc-vip .active li {
    line-height: 37px
}

#pc-vip .q-list li {
    line-height: 25px;
    padding-bottom: 10px
}

#pc-vip .ava-list li {
    line-height: 32px
}

input::-moz-placeholder {
    font-size: 16px !important;
    color: #5a5a5a !important;
    opacity: 1 !important
}

input:-ms-input-placeholder {
    font-size: 16px !important;
    color: #5a5a5a !important;
    opacity: 1 !important
}

input::placeholder {
    font-size: 16px !important;
    color: #5a5a5a !important;
    opacity: 1 !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8e8e8e !important
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8e8e8e !important
}

input::placeholder, textarea::placeholder {
    color: #8e8e8e !important
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    zoom: 1
}

#ib_register_page {
    max-width: 1920px;
    margin: 0 auto
}

#ib_register_page .banner {
    background-image: url(/static/home/images/pc-banner-bg.jpg)
}

#ib_register_page .banner-title-shadow {
    text-shadow: 0 3px 4px rgba(2, 32, 102, .7)
}

#ib_register_page .banner-text-shadow {
    text-shadow: 0 2px 0 rgba(2, 33, 103, .9)
}

#ib_register_page .voice {
    background-image: url(/static/home/images/pc-voice-bg.jpg)
}

#ib_register_page .ibRegister-box .active {
    background-image: url(/static/home/images/ib-register-icon-tool-active.png);
    color: #ffa800
}

#ib_register_page .ibRegister-box .ibRegister-container {
    height: 435px
}

#ib_register_page .ib-voice-slider {
    height: 200px
}

#ib_register_page .ib-voice-slider .swiper-button-prev {
    background-image: url(/static/home/images/voice-left-btn.png)
}

#ib_register_page .ib-voice-slider .swiper-button-next {
    background-image: url(/static/home/images/voice-right-btn.png)
}

#ib_register_page input {
    text-indent: 0
}

#ib_register_page input::-webkit-input-placeholder {
    font-size: 16px;
    color: #999;
    height: 100%;
    opacity: 1
}

#ib_register_page form button.get-sms-code span {
    color: #999
}

#ib_register_page form .truncate {
    color: red
}

#ib_register_page #middle-alert-form {
    background-color: rgba(0, 0, 0, .5)
}

#ib_register_page #banner {
    height: 600px
}

#ib_register_page .tools-icon {
    background-image: url(/static/home/images/ib-register-icon-tool-index.png)
}

#ib_register_page h4.active {
    background-image: url(/static/home/images/ib-register-icon-tool-active.png);
    color: #ffa800
}

#ib_register_page .text-12 {
    font-size: 12px
}

#ib_register_page .tool-transition {
    overflow: hidden;
    position: relative;
    color: #ffa800
}

#ib_register_page .tool-transition:hover {
    color: #fff;
    transition: color .2s ease-in-out
}

#ib_register_page .tool-transition:before {
    content: "";
    position: absolute;
    top: -10%;
    left: -130%;
    display: block;
    z-index: 1;
    width: 120%;
    height: 120%;
    background: #f89600;
    transform: skewX(30deg);
    transition: left .5s ease-in-out
}

#ib_register_page .tool-transition:hover:before {
    left: -10%
}

#ib_register_page .ibRegister-box {
    height: 433px
}

#ib_register_page #ib-register-banner-form input {
    text-indent: 0
}

#ib_register_page #ib-register-banner-form select {
    background-image: url(/static/home/images/form-icon.png);
    background-position: 95%;
    background-repeat: no-repeat
}

#ib_register_page #middle-alert-form .register_box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

#ib_register_page #foot-form {
    background-color: #f5f5f5;
    box-shadow: 0 -3px 4px 0 rgba(50, 50, 50, .2)
}

#ib_register_page .send-verify-sms-button {
    width: 140px
}

#ib_register_page .IB-banner_reg_new {
    color: #000
}

#ib_register_page .EIMS_C_40032_7_select select {
    height: 30px;
    width: 100%;
    font-size: 14px
}

#ib_register_page .register_box {
    width: 100vw;
    height: 100vw;
    position: fixed;
    top: -100px;
    z-index: 100;
    background: rgba(0, 0, 0, .8)
}

@keyframes myfirst {
    to {
        background: green
    }
    50% {
        background: #1986ef
    }
    0% {
        background: #5ada40
    }
}

#ib_register_page .transition {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

#ib_register_page body {
    background-color: #fff;
    padding: 0
}

#ib_register_page .card {
    width: 100%;
    margin: 0;
    background-color: #fff
}

#ib_register_page .back, #ib_register_page .front {
    padding: 0
}

#ib_register_page .back, #ib_register_page .front {
    background-color: #fff;
    width: 100%
}

#ib_register_page .xn_h_3_Lang_HVbox a {
    padding-left: 5px;
    color: #fff
}

#ib_register_page [class*=" icon-"], #ib_register_page [class^=icon-] {
    text-transform: none;
    line-height: 1
}

#ib_register_page body, #ib_register_page html {
    padding: 0;
    margin: 0
}

#ib_register_page .clearfix:after, #ib_register_page .clearfix:before {
    content: " ";
    display: table
}

#ib_register_page .clearfix:after {
    clear: both
}

#ib_register_page .center {
    text-align: center
}

#ib_register_page .related {
    color: #fff;
    background: #494a5f;
    text-align: center;
    padding: .5em 0;
    overflow: hidden
}

#ib_register_page .related > a {
    vertical-align: top;
    width: calc(100% - 20px);
    max-width: 340px;
    display: inline-block;
    text-align: center;
    margin: 20px 10px;
    padding: 25px
}

#ib_register_page .related a {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding: 10px 20px;
    opacity: .8;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden;
    text-decoration: none
}

#ib_register_page .related a:active, #ib_register_page .related a:hover {
    opacity: 1
}

#ib_register_page .related a img {
    max-width: 100%;
    opacity: .8;
    border-radius: 4px
}

#ib_register_page .related a:active img, #ib_register_page .related a:hover img {
    opacity: 1
}

#ib_register_page .related a h3 {
    margin-top: .15em;
    color: #fff
}

#ib_register_page article, #ib_register_page details, #ib_register_page figure, #ib_register_page footer, #ib_register_page header, #ib_register_page main, #ib_register_page nav, #ib_register_page section, #ib_register_page summary {
    display: block
}

#ib_register_page canvas, #ib_register_page video {
    display: inline-block
}

#ib_register_page [hidden] {
    display: none
}

#ib_register_page html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

#ib_register_page body {
    margin: 0
}

#ib_register_page a:focus {
    outline: thin dotted
}

#ib_register_page a:active, #ib_register_page a:hover {
    outline: 0
}

#ib_register_page h1 {
    margin: .67em 0
}

#ib_register_page mark {
    background: #ff0;
    color: #000
}

#ib_register_page pre {
    white-space: pre-wrap
}

#ib_register_page q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

#ib_register_page sub {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: -.25em
}

#ib_register_page img {
    border: 0
}

#ib_register_page svg:not(:root) {
    overflow: hidden
}

#ib_register_page figure {
    margin: 0
}

#ib_register_page fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

#ib_register_page legend {
    border: 0;
    padding: 0
}

#ib_register_page button, #ib_register_page input, #ib_register_page select, #ib_register_page textarea {
    margin: 0
}

#ib_register_page button, #ib_register_page input {
    line-height: normal
}

#ib_register_page button, #ib_register_page select {
    text-transform: none
}

#ib_register_page button, #ib_register_page html input[type=button], #ib_register_page input[type=reset], #ib_register_page input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

#ib_register_page button[disabled], #ib_register_page html input[disabled] {
    cursor: default
}

#ib_register_page input[type=search]::-webkit-search-cancel-button, #ib_register_page input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

#ib_register_page button::-moz-focus-inner, #ib_register_page input::-moz-focus-inner {
    border: 0;
    padding: 0
}

#ib_register_page textarea {
    overflow: auto;
    vertical-align: top
}

#ib_register_page table {
    border-collapse: collapse;
    border-spacing: 0
}

#ib_register_page body {
    overflow-x: hidden
}

#ib_register_page .js .loading:after, #ib_register_page .js .loading:before {
    content: "";
    position: fixed;
    z-index: 1000
}

#ib_register_page .js .loading:before {
    content: "...";
    padding-top: 400px;
    margin: 0 auto;
    text-align: center
}

#ib_register_page .loading:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

#ib_register_page .loading:after {
    top: 30%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 8px solid #383a41;
    border-bottom-color: #565963;
    border-radius: 50%;
    -webkit-animation: animLoader .8s linear infinite forwards;
    animation: animLoader .8s linear infinite forwards
}

@keyframes animLoader {
    to {
        transform: rotate(1turn)
    }
}

#ib_register_page a {
    text-decoration: none;
    outline: none
}

#ib_register_page .hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none
}

#ib_register_page main {
    display: flex;
    flex-wrap: wrap
}

#ib_register_page .icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto;
    fill: currentColor
}

@keyframes octocat-wave {
    0%, to {
        transform: rotate(0)
    }
    20%, 60% {
        transform: rotate(-25deg)
    }
    40%, 80% {
        transform: rotate(10deg)
    }
}

#ib_register_page .grid {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 50em) {
    #ib_register_page main {
        display: block
    }

    #ib_register_page .control {
        margin: 0 0 1em;
        text-align: left
    }
}

#ib-vip .line-1 {
    line-height: 1
}

#ib-vip .tracking-1px {
    letter-spacing: 1px
}

#ib-vip .ye-btn {
    display: inline-block;
    z-index: 1;
    position: relative;
    transition: color .5s ease-in-out;
    color: #201611;
    width: 358px;
    line-height: 78px;
    box-shadow: 0 3px 4px 1px rgba(11, 3, 6, .78);
    border-radius: 38px;
    border: 2px solid #ffff97
}

#ib-vip .ye-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-image: linear-gradient(270deg, #eca636, #ffd383);
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#ib-vip .ye-btn:hover {
    border: 2px solid #ffff97;
    color: #ffff97
}

#ib-vip .ye-btn:hover:before {
    left: 127%
}

#ib-vip .text-yellow-f9d {
    color: #f9dbb1
}

#ib-vip .con-bg {
    background: linear-gradient(#363746, #252c30)
}

#ib-vip .color-text {
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5dfbc), to(#dea76d))
}

#ib-vip .color-text, #ib-vip .white-color {
    color: #e8c89d;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#ib-vip .white-color {
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff8ec), to(#ffeacd))
}

#ib-vip .gift-bg {
    padding: 40px 46px 78px
}

#ib-vip .bor-box {
    padding: 29px 50px 31px 57px;
    border-radius: 10px;
    border: 2px solid #dda164
}

#ib-vip .active li:nth-child(2n) {
    margin-bottom: 10px
}

#ib-vip input::-moz-placeholder {
    font-size: 16px !important;
    color: #8e8e8e !important;
    opacity: 1 !important
}

#ib-vip input:-ms-input-placeholder {
    font-size: 16px !important;
    color: #8e8e8e !important;
    opacity: 1 !important
}

#ib-vip input::placeholder {
    font-size: 16px !important;
    color: #8e8e8e !important;
    opacity: 1 !important
}

.swal2-title {
    font-size: 24px !important;
    margin-bottom: 0 !important
}

.pb-14px {
    padding-bottom: 14px
}

#education_page_e_book .banner {
    background-image: url(/static/home/images/pcbannerbg.png);
    background-size: 100% 100%
}

#education_page_e_book .shadow-box {
    width: 268px;
    box-shadow: 0 0 19px 5px rgba(236, 247, 254, .81);
    border-radius: 10px
}

#education_page_e_book .shadow-box img {
    margin: 38px auto
}

#education_page_e_book .white-shadow {
    text-shadow: 2px 2px 2px #fff, -2px 0 2px #fff, -3px -2px 2px #fff
}

#education_page_e_book .form-bg {
    padding: 25px 20px 30px;
    width: 371px;
    box-shadow: 0 5px 29px 0 rgba(17, 6, 10, .11);
    border-radius: 6px
}

#education_page_e_book .alert-window-box {
    background-color: #fff;
    border-radius: 6px
}

#education_page_e_book .alert-window-box button, #education_page_e_book .alert-window-box h3, #education_page_e_book .alert-window-box input, #education_page_e_book .alert-window-box span {
    font-family: PingFang SC !important
}

#education_page_e_book .alert-window-box input {
    width: 100%
}

#education_page_e_book .alert-window-box .form-button {
    margin-top: 30px;
    line-height: 47px;
    color: #fff;
    text-align: center;
    background-color: #77ac2e;
    box-shadow: 0 1px 0 0 rgba(36, 80, 13, .77);
    border-radius: 4px
}

#education_page_e_book .alert-window-box .form-content-box {
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#education_page_e_book .alert-window-box .form-content-box form {
    margin: 0
}

#education_page_e_book .alert-window-box .form-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #2e2e2e
}

#education_page_e_book .alert-window-box .form-items-field {
    margin-bottom: 19px;
    border-radius: 4px
}

#education_page_e_book .alert-window-box .form-items-field input {
    text-indent: 0;
    line-height: 47px;
    height: 47px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    border: 1px solid #a5a5a5;
    -webkit-appearance: none;
    box-shadow: none
}

#education_page_e_book .alert-window-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#education_page_e_book .alert-window-box .form-items-field input::-moz-placeholder {
    font-size: 16px !important;
    color: #5a5a5a;
    opacity: 1
}

#education_page_e_book .alert-window-box .form-items-field input:-ms-input-placeholder {
    font-size: 16px !important;
    color: #5a5a5a;
    opacity: 1
}

#education_page_e_book .alert-window-box .form-items-field input::placeholder {
    font-size: 16px !important;
    color: #5a5a5a;
    opacity: 1
}

#education_page_e_book .alert-window-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent
}

#education_page_e_book .alert-window-box .form-items-field .phone-code-box input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#education_page_e_book .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 14px
}

#education_page_e_book .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#education_page_e_book .alert-window-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 14px
}

#education_page_e_book .alert-window-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#education_page_e_book .alert-window-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#education_page_e_book .alert-window-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#education_page_e_book .alert-window-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#education_page_e_book .alert-window-box .form-submit-btn {
    width: 100%;
    line-height: 42px;
    height: 47px;
    letter-spacing: .1em;
    color: #fff;
    padding: 4px;
    background-color: #82bb41;
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px
}

#education_page_e_book .alert-window-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

#m_e_book .mbanner {
    background-image: url(/static/home/images/mbannerbg.png);
    background-size: 100% 100%
}

#m_e_book .white-shadow {
    text-shadow: 2px 2px 2px #fff, -2px 0 2px #fff, -3px -2px 2px #fff
}

#m_e_book .form-shadow {
    box-shadow: 0 1px 9px 1px rgba(14, 7, 11, .14);
    border-radius: 2px
}

#m_e_book .m-box-shadow {
    padding: 20px 0 18px;
    box-shadow: 0 0 10px 2px rgba(225, 242, 253, .81);
    border-radius: 5px
}

#m_e_book .m-box-shadow img {
    width: 27%
}

#m_e_book .m-box-shadow p {
    margin-top: 12px;
    margin-bottom: 5px
}

#m_e_book .lists li img {
    width: 4%
}

#m_e_book a.content-animate-btn {
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    width: 160px;
    padding: 12px 0;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #78b539 !important;
    color: #fff
}

#m_e_book a.content-animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#m_e_book a.content-animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539 !important
}

#m_e_book .content-demo-btn {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 1px;
    color: #3874b7 !important
}

#m_e_book .alert-window-box {
    background-color: #fff;
    border-radius: 6px
}

#m_e_book .alert-window-box button, #m_e_book .alert-window-box h3, #m_e_book .alert-window-box input, #m_e_book .alert-window-box span {
    font-family: PingFang SC !important
}

#m_e_book .alert-window-box .form-content-box {
    padding: 30px 20px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto
}

#m_e_book .alert-window-box .form-content-box form {
    margin: 0
}

#m_e_book .alert-window-box .form-title {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    color: #2e2e2e
}

#m_e_book .alert-window-box .form-items-field {
    margin-bottom: 16px;
    border-radius: 4px
}

#m_e_book .alert-window-box .form-items-field input {
    text-indent: 0;
    line-height: 44px;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    border: 1px solid #a5a5a5;
    -webkit-appearance: none;
    box-shadow: none
}

#m_e_book .alert-window-box .form-items-field input:focus {
    border-color: rgba(160, 174, 192, var(--border-opacity))
}

#m_e_book .alert-window-box .form-items-field input::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#m_e_book .alert-window-box .form-items-field input:-ms-input-placeholder {
    color: #8e8e8e;
    opacity: 1
}

#m_e_book .alert-window-box .form-items-field input::placeholder {
    color: #8e8e8e;
    opacity: 1
}

#m_e_book .alert-window-box .form-items-field .phone-code-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 4px;
    background: transparent
}

#m_e_book .alert-window-box .form-items-field .phone-code-box input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    padding: 0 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    background: transparent
}

#m_e_book .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn {
    cursor: pointer;
    white-space: nowrap;
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: underline;
    color: #3354bf;
    text-align: center;
    font-size: 14px
}

#m_e_book .alert-window-box .form-items-field .phone-code-box .get-verify-code-btn:focus {
    text-decoration: none
}

#m_e_book .alert-window-box .form-items-field .phone-code-box .wait-get-verify-code-btn {
    width: 50%;
    padding: 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: not-allowed;
    white-space: nowrap;
    text-align: center;
    font-size: 14px
}

#m_e_book .alert-window-box .form-items-field .input-error-style {
    border-color: #feb2b2;
    background-color: #fff5f5;
    box-shadow: none
}

#m_e_book .alert-window-box .form-items-field .input-error-style:focus {
    border-color: #feb2b2
}

#m_e_book .alert-window-box .form-items-field .form-input-error {
    color: #f56565;
    margin-bottom: -13px;
    text-align: left;
    font-size: 12px
}

#m_e_book .alert-window-box .form-items-field .form-error-text {
    font-size: 14px;
    color: #ff5b5b;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -12px;
    padding: 0 0 0 24px;
    background-image: url(/static/home/images/form-error-icon.png);
    background-position: 0;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

#m_e_book .alert-window-box .form-submit-btn {
    margin-top: 14px;
    width: 100%;
    height: 44px;
    letter-spacing: .1em;
    color: #fff;
    padding: 4px;
    background-color: #82bb41;
    border-radius: 4px;
    font-size: 16px
}

#m_e_book .alert-window-box .form-submit-btn:focus {
    outline: none;
    background-color: rgba(72, 187, 120, var(--bg-opacity))
}

.swal2-title {
    color: #fff !important;
    font-size: 18px !important
}

.swal2-container {
    font-size: 14px !important
}

@-webkit-keyframes changewidth {
    to {
        width: 80px
    }
}

@keyframes changewidth {
    0% {
        width: 0
    }
    10% {
        width: 0
    }
    25% {
        width: 80px
    }
    to {
        width: 80px
    }
}

@keyframes animationFrames {
    0% {
        transform: translate(-4px) scaleX(1) scaleY(1)
    }
    4% {
        transform: translate(-3px, 4px) scaleX(.95) scaleY(1.05)
    }
    29% {
        transform: translateY(10px) scaleX(.95) scaleY(1.05)
    }
    50% {
        transform: translateY(15px) scaleX(1.1) scaleY(.9)
    }
    90% {
        transform: translate(-3px) scaleX(1.01) scaleY(.99)
    }
    to {
        transform: translate(-4px) scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes animationFrames {
    to {
        -webkit-transform: translate(-4px) scaleX(1) scaleY(1)
    }
}

#real_account_page .honor_feedback_head {
    padding-top: 42px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: 700;
    color: #4a4949;
    width: 212px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 auto
}

#real_account_page .honor_feedback_text {
    padding-top: 18px;
    line-height: 24px;
    text-align: center;
    margin-left: 100px;
    font-weight: 700
}

#real_account_page .honor_feedback_text .real-account {
    width: 900px;
    display: block;
    line-height: 38px;
    text-align: start;
    color: #da9a18;
    margin-bottom: 10px
}

#real_account_page .honor_feedback_text .real-account p {
    font-size: 16px;
    display: flex;
    justify-content: space-around
}

#real_account_page .honor_feedback_text .real-account p .oo {
    background: url(/static/home/images/zhegou.png) no-repeat -3px;
    padding-left: 25px
}

#real_account_page .honor_feedback_text .real-account p span {
    float: left;
    width: 40%;
    margin-left: -20px
}

#real_account_page .honor_feedback_text > p {
    float: left;
    color: #865151
}

#real_account_page .honor_feedback_text .real-account p:first-of-type {
    background: url(/static/home/images/zhegou.png) no-repeat 0
}

#real_account_page .honor_feedback_text .real-account p:nth-of-type(2) {
    background: url(/static/home/images/zhegou.png) no-repeat 0
}

#real_account_page .honor_feedback_text .real-account p:nth-of-type(3) {
    background: url(/static/home/images/zhegou.png) no-repeat 0
}

#real_account_page #avaWidgetContainer {
    margin-left: 100px !important
}

#real_account_page .foot {
    margin-bottom: 0
}

#webinar_pages {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue, Helvetica, Arial, sans-serif
}

#webinar_pages .text-2e {
    color: #2e2e2e
}

#webinar_pages .text-2d {
    color: #2d2d2d
}

#webinar_pages .text-5b {
    color: #5b5b5b
}

#webinar_pages .text-999 {
    color: #999
}

#webinar_pages .webinar_pc_banner_bg {
    padding: 130px 0 106px;
    background-image: url(/static/home/images/pc-banner-bg-new.jpg);
    background-repeat: no-repeat
}

#webinar_pages .webinar_black_text {
    padding: 68px 0 52px
}

#webinar_pages .w-41b {
    width: 41%
}

#webinar_pages .webinar_statement li {
    color: #5b5b5b;
    margin-bottom: 1.8rem
}

#webinar_pages .webinar_statement li span {
    top: 9px;
    left: 0
}

#webinar_pages .webinar_regulatory li {
    margin-bottom: 0
}

#webinar_pages .webinar_regulatory li span {
    top: 0;
    left: 0
}

#webinar_pages .border-e5e5e {
    border: 1px solid #e5e5e5
}

#what-is-metatrader .btns {
    background: #2882c0;
    margin-right: 20%
}

#what-is-metatrader .btns, #what-is-metatrader .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#what-is-metatrader .btns1 {
    background: #82bb41
}

#floating-spreads .btns {
    background: #2882c0;
    margin-right: 20%
}

#floating-spreads .btns, #floating-spreads .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#floating-spreads .btns1 {
    background: #82bb41
}

#guardian-angel .btns {
    background: #2882c0;
    margin-right: 20%
}

#guardian-angel .btns, #guardian-angel .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#guardian-angel .btns1 {
    background: #82bb41
}

#guardian-angel .line {
    line-height: 30px;
    color: #343434;
    margin: 10px auto
}

#guardian-angel p {
    font-family: 微软雅黑 !important
}

#auto-trading-mam-page a, #auto-trading-mam-page h2, #auto-trading-mam-page li, #auto-trading-mam-page p {
    font-family: Microsoft YaHei
}

#auto-trading-mam-page .section-box-shadow {
    box-shadow: 0 1px 33px 3px rgba(30, 141, 246, .14)
}

#auto-trading-mam-page .list-bg {
    background-image: url(/static/home/images/list-icon.png)
}

#auto-trading-mam-page div a.text-white {
    color: #fff
}

#m-auto-trading-mam-page {
    font-family: Microsoft YaHei
}

#m-auto-trading-mam-page img {
    margin-bottom: 20px
}

#m-auto-trading-mam-page h2 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 700;
    color: #626262
}

#m-auto-trading-mam-page p {
    line-height: 1.75
}

#m-auto-trading-mam-page p, #m-auto-trading-mam-page ul li {
    font-size: 14px;
    margin-bottom: 20px;
    color: #626262
}

#m-auto-trading-mam-page div {
    margin-bottom: 20px;
    color: #626262
}

#auto-trading_mql5 .btns {
    background: #2882c0;
    margin-right: 20%
}

#auto-trading_mql5 .btns, #auto-trading_mql5 .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#auto-trading_mql5 .btns1 {
    background: #82bb41
}

#auto-trading_duplitrade .openAccount {
    padding: 20px;
    font-size: 21px;
    margin-top: 60px;
    width: 320px;
    margin-bottom: 0;
    background-color: #f99601;
    display: inline-block;
    z-index: 4;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

#web-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#web-trading .btns, #web-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#web-trading .btns1 {
    background: #82bb41
}

#web-trading .web-trading-border-blue {
    border-color: #4094f8
}

#web-trading .web-trading-bg-hover {
    background-image: url(/static/home/images/bg-blue-circle.jpg);
    background-position: -999rem -999rem
}

#web-trading .web-trading-bg-hover:hover {
    background-image: url(/static/home/images/bg-blue-circle.jpg);
    background-position: bottom;
    box-shadow: 0 4px 7px 0 rgba(10, 73, 148, .35)
}

#web-trading .img-shadow {
    box-shadow: 0 0 9px 4px rgba(66, 64, 64, .26)
}

#web-trading .web-trading-bg-hover:hover div p {
    color: #fff
}

#web-trading .web-trading-text-blue {
    color: #2882c0
}

#web-trading .web-trading-text-gray {
    color: #343434
}

#web-trading .web-trading-text-light-gray {
    color: #5c5c5c
}

#web-trading .web-trading-bg-green {
    background-color: #82bb41
}

#web-trading .web-trading-demo-btn-hover:hover {
    color: #4094f8
}

#web-trading .web-trading-bottom-btn {
    color: #4094f8;
    border-color: #4094f8;
    background-image: url(/static/home/images/button-bg.png);
    background-position: -500px 0;
    background-repeat: no-repeat;
    transition: background-position 1s ease-in-out, color 1s, border-color .5s
}

#web-trading .web-trading-bottom-btn:hover {
    background-position: 0 0;
    color: #fff;
    transition: background-position 1s, color .8s, border-color .5s
}

#web-trading .web-trading-underline {
    position: relative
}

#web-trading .web-trading-underline div {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: .75rem;
    background-color: #4094f8
}

#mac-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#mac-trading .btns, #mac-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#mac-trading .btns1 {
    background: #82bb41
}

#mobile-trading .page-bg-pic {
    background-image: url(/static/home/images/page-back.jpg)
}

#mobile-trading .title-bg-pic {
    background-image: url(/static/home/images/title-img.png)
}

#mobile-trading .new-img {
    background-image: url(/static/home/images/new-title-img.png)
}

#mobile-trading .title-color {
    color: #3986ed
}

#mobile-trading .text-color {
    color: #343434
}

#mobile-trading .phone-scroll-bg-pic {
    background-image: url(/static/home/images/circle.png)
}

#mobile-trading .qr-show:hover > div {
    display: block
}

#mobile-trading .qr-box {
    background-color: #f0f0f0;
    box-shadow: 0 0 18px 0 #8d8c8c;
    border-radius: 6px;
    letter-spacing: .125rem
}

#mobile-trading .dot-bg-blue {
    background-color: #3986ed
}

#mobile-trading .line-bg {
    background-image: url(/static/home/images/bg-line.png)
}

#mobile-trading .border-gray {
    border-color: #dcdce6
}

#mobile-trading .real-btn-bg {
    background-color: #82bb41
}

#mobile-trading .demo-btn-text-color {
    color: #2882c0
}

#mobile-trading .demo-btn-underline {
    position: relative
}

#mobile-trading .demo-btn-underline:hover {
    color: #4094f8
}

#mobile-trading .demo-btn-underline div {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #4094f8
}

#mobile-trading .icon-box-hover {
    background-image: url(/static/home/images/bg-mobile-trading.jpg);
    background-position: -9999px;
    background-repeat: no-repeat;
    background-size: cover
}

#mobile-trading .icon-box-hover:hover {
    background-position: 50%;
    border-color: #3f7ae1
}

#mobile-trading .bg-icons {
    background-image: linear-gradient(-48deg, #4f8cf4, #3d78de)
}

#mobile-trading .icon-box-hover:hover .bg-icons {
    background-image: linear-gradient(-48deg, #fff, #fff)
}

#mobile-trading .icon-box-hover:hover p {
    color: #fff
}

#mobile-trading .bg-icons-1 {
    background-image: url(/static/home/images/icon_6.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_6_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .bg-icons-2 {
    background-image: url(/static/home/images/icon_7.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_7_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .bg-icons-3 {
    background-image: url(/static/home/images/icon_8.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_8_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .bg-icons-4 {
    background-image: url(/static/home/images/icon_9.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_9_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .bg-icons-5 {
    background-image: url(/static/home/images/icon_10.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_10_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .bg-icons-6 {
    background-image: url(/static/home/images/icon_11.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_11_hover.png);
    background-position: 50%, -9999rem
}

#mobile-trading .icon-box-hover:hover .bg-icons-1 {
    background-image: url(/static/home/images/icon_6.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_6_hover.png);
    background-position: -9999rem, 50%
}

#mobile-trading .icon-box-hover:hover .bg-icons-2 {
    background-image: url(/static/home/images/icon_7.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_7_hover.png);
    background-position: -9999rem, 50%
}

#mobile-trading .icon-box-hover:hover .bg-icons-3 {
    background-image: url(/static/home/images/icon_8.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_8_hover.png);
    background-position: -9999rem, 50%
}

#mobile-trading .icon-box-hover:hover .bg-icons-4 {
    background-image: url(/static/home/images/icon_9.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_9_hover.png);
    background-position: -9999rem, 50%
}

#mobile-trading .icon-box-hover:hover .bg-icons-5 {
    background-image: url(/static/home/images/icon_10.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_10_hover.png);
    background-position: -9999rem, 50%
}

#mobile-trading .icon-box-hover:hover .bg-icons-6 {
    background-image: url(/static/home/images/icon_11.png), url(/assets/home/pages/images/trading-platform/mobile-trading/icon_11_hover.png);
    background-position: -9999rem, 50%
}

#m-mobile-trading .banner {
    background-image: url(/static/home/images/m-banner-bg.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

#m-mobile-trading .text-white {
    color: #fff
}

#m-mobile-trading .grid-box {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-auto-rows: 180px;
    grid-gap: 10px;
    margin: 32px 0 24px
}

#m-mobile-trading .grid-box div {
    border-radius: 5px;
    border: 1px solid #dcdce7;
    text-align: justify;
    padding: 12px 12px 0;
    line-height: 1.36
}

#m-mobile-trading .grid-box div img {
    width: 44px;
    display: block;
    margin: 0 auto 4px
}

#autochartist .btns {
    background: #2882c0;
    margin-right: 20%
}

#autochartist .btns, #autochartist .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#autochartist .btns1 {
    background: #82bb41
}

#autochartist .dingyue {
    width: 160px;
    line-height: 36px;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    border-radius: 2px;
    background-color: #2583c2;
    letter-spacing: 3px !important;
    color: #fff !important
}

#autochartist .dingyue:hover {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

@media (min-width: 768px) {
    #autochartist .dingyue {
        width: 286px;
        line-height: 55px;
        display: inline-block;
        font-size: 1.125rem;
        border-radius: .375rem;
        background-color: #2583c2;
        letter-spacing: 3px !important;
        color: #fff !important
    }

    #autochartist .dingyue:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }
}

#metatrader4 .header-banner .content-demo-btn {
    color: #fff !important
}

#metatrader4 .header-banner .content-demo-btn:hover {
    color: #3874b7 !important
}

#metatrader4 .met {
    width: 940px
}

#metatrader4 .equal-container {
    overflow: hidden;
    display: flex
}

#metatrader4 .platform-mt4hero-bg {
    background: url(/static/home/images/banner.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: flex-end
}

#metatrader4 .platform-mt4hero-bg h2 {
    text-align: center;
    padding-top: 60px;
    color: #fff;
    font-size: 30px
}

#metatrader4 .cta-buttons {
    width: 50%;
    display: flex;
    justify-content: space-around;
    margin: 0 0 32px 60px
}

#metatrader4 .cta-buttons a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 4px
}

#metatrader4 .primary {
    background: #82bb41
}

#metatrader4 .mian {
    background-color: #2882c0
}

#metatrader4 .margin-top-half {
    margin-top: 28px
}

#metatrader4 .lightgray-bg {
    margin: 0 auto
}

#metatrader4 .lightgray-bg h2 {
    color: #343434;
    font-size: 24px;
    width: 100%;
    margin-bottom: 40px
}

#metatrader4 .notice {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px
}

#metatrader4 .col-md-4 {
    width: 30%;
    text-align: center
}

#metatrader4 .col-md-4 p {
    width: 50%;
    margin: 30px auto;
    color: #000;
    font-size: 18px
}

#metatrader4 .generic-black {
    width: 172px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #000;
    border: 2px solid #333;
    display: inline-block;
    text-decoration: none;
    background-color: hsla(0, 0%, 100%, .5)
}

#metatrader4 .generic-black:hover {
    background-color: hsla(0, 0%, 100%, .25)
}

#metatrader4 .bb, #metatrader4 .margin-top-mobile {
    width: 50%;
    float: right
}

#metatrader4 .margin-top-half h2, #metatrader4 .margin-top-mobile h2 {
    font-size: 24px
}

#metatrader4 .margin-top-mobile p {
    font-size: 18px
}

#metatrader4 .bb img, #metatrader4 .inner-container img {
    width: 100%
}

#metatrader4 .aa h2 {
    font-size: 30px
}

#metatrader4 .aa p {
    font-size: 18px
}

#metatrader4 .try {
    width: 30%
}

#metatrader4 .try h3 {
    color: #fff;
    width: 60%;
    margin: 30px auto;
    text-align: center
}

#metatrader4 .try a {
    color: #fff
}

#metatrader4 .black-font {
    font-size: 18px;
    line-height: 30px
}

#metatrader4 .move {
    display: flex;
    width: 80%;
    justify-content: space-around
}

#metatrader4 .move div {
    text-align: center
}

#metatrader4 .move div p {
    margin-top: 10px
}

#metatrader4 .font-eight {
    font-size: 18px
}

#metatrader4 .btns, #metatrader4 .btns1 {
    font-size: 24px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#metatrader4 .btns {
    background: #2882c0
}

#metatrader4 .btns1 {
    background: #82bb41;
    margin-right: 20%
}

#metatrader4 .meta_shadow {
    box-shadow: 0 7px 24px 0 rgba(0, 0, 0, .17);
    top: 780px;
    left: 0
}

#metatrader4 .pic_shadow {
    padding-bottom: 10px;
    margin-top: 10px
}

#metatrader4 .circle, #metatrader4 .square {
    width: 10px;
    height: 10px;
    background-color: #2882c0;
    display: inline-block
}

#metatrader4 .circle {
    border-radius: 100%;
    margin-right: 14px
}

#metatrader4 .square {
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 8px
}

#metatrader4 .items-center, #metatrader4 .p_center {
    display: flex;
    align-items: center
}

#metatrader4 .p_center {
    margin-bottom: 28px;
    font-size: 18px;
    color: #343434;
    position: relative;
    padding-left: 20px
}

#metatrader4 .inline_block {
    display: inline-block
}

#metatrader4 .margin-left_four {
    margin: 5px 0 5px 24px;
    font-size: 14px;
    line-height: 24px
}

#metatrader4 .a_1, #metatrader4 .a_2, #metatrader4 .mt4 {
    display: block;
    width: 170px;
    height: 46px;
    position: relative
}

#metatrader4 .a_1 {
    right: -162px;
    top: -300px
}

#metatrader4 .a_2 {
    right: -162px;
    top: -262px
}

#metatrader4 .mt4 {
    right: -162px;
    top: -220px
}

#metatrader4 .a_pc {
    position: absolute;
    margin-top: 65px
}

#metatrader4 .m_1, #metatrader4 .m_2, #metatrader4 .mmt4 {
    display: block;
    position: relative;
    width: 294px;
    height: 79px;
    border-radius: 4px
}

#metatrader4 .m_1 {
    top: 10px
}

#metatrader4 .m_1, #metatrader4 .m_2 {
    position: absolute;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 41%;
    text-align: center;
    right: 12%
}

#metatrader4 .m_2 {
    top: 40%
}

#metatrader4 .mmt4 {
    position: absolute;
    top: 77%;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 41%;
    text-align: center;
    right: 12%
}

#metatrader4 .text-34 {
    color: #373737
}

#mt5 .down-box {
    width: 86px;
    padding-top: 16px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #386da4
}

#mt5 .android-qc:hover div, #mt5 .ios-qc:hover div {
    display: block
}

#mt5 .down-box div a {
    color: #5b5b5b
}

#mt5 .down-box:hover div a {
    color: #386da4
}

#mt5 .advantage-box {
    width: 290px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #3388c2
}

#mt5 .advantage-box:hover {
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0 1px 16px 0 rgba(2, 72, 144, .27);
    border-radius: 4px
}

#mt5 .line-postion {
    position: absolute;
    top: -2px;
    left: 0
}

#mt5 .text-eb {
    font-size: 14px;
    color: #eb8a15
}

#mt5 .postion-san {
    position: absolute;
    top: -2px;
    left: 0
}

#mt5 .supplier-box {
    width: 170px;
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(2, 72, 144, .27);
    border-radius: 4px
}

#mt5 .pc-bg {
    padding-top: 37px;
    padding-bottom: 40px;
    padding-left: 53px;
    background-image: url(/static/home/images/pc-mt5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#mt5 .roun-orage {
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #f98d23
}

#mt5 .real_buttons {
    margin-top: 44px;
    color: #fff;
    display: inline-block;
    width: 301px;
    line-height: 64px;
    background-color: #82bb41;
    border-radius: 4px
}

#mt5 .real_buttons:hover {
    background-color: #8ec94d
}

#mt5 .demo_buttons {
    text-decoration: underline;
    margin-top: 44px;
    color: #5b5b5b;
    display: inline-block;
    line-height: 64px;
    border-radius: 4px
}

#mt5 .demo_buttons:hover {
    color: #2583c2
}

#webtrader .web-trader-btn {
    color: #4094f8;
    border-color: #4094f8;
    background-image: url(/static/home/images/button-bg.png);
    background-position: -500px 0;
    background-repeat: no-repeat;
    transition: background-position 1s ease-in-out, color 1s, border-color .5s
}

#webtrader .web-trader-btn:hover {
    background-position: 0 0;
    color: #fff;
    transition: background-position 1s, color .8s, border-color .5s
}

#trading-platform-page a, #trading-platform-page div, #trading-platform-page h2, #trading-platform-page h3, #trading-platform-page h4, #trading-platform-page h5, #trading-platform-page li, #trading-platform-page p, #trading-platform-page span {
    font-family: Sans-Serif
}

#trading-platform-page .real-btn {
    color: #fff
}

#trading-platform-page .real-btn:hover {
    background-color: #93cc44
}

#trading-platform-page .demo-btn {
    color: #5a5a5a
}

#trading-platform-page .demo-btn:hover {
    color: #3c82c4
}

#trading-platform-page .box-shadow {
    background-color: #fff;
    box-shadow: 0 0 8px 0 #dbdbdb
}

#trading-platform-page .text-green-93c {
    color: #93cc44
}

#trading-platform-page .text-ora-f29 {
    color: #f29005
}

#trading-platform-page .animate-blue-btn a, #trading-platform-page .animate-green-btn a, #trading-platform-page .animate-ora-btn a {
    text-decoration: none;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

#trading-platform-page .animate-blue-btn a {
    border: 1px solid #4487cc
}

#trading-platform-page .animate-green-btn a {
    border: 1px solid #93cc44
}

#trading-platform-page .animate-ora-btn a {
    border: 1px solid #f29005
}

#trading-platform-page .animate-blue-btn:hover a, #trading-platform-page .animate-green-btn:hover a, #trading-platform-page .animate-ora-btn:hover a {
    transition: color .5s ease-in-out;
    color: #fff
}

#trading-platform-page .animate-blue-btn a:before, #trading-platform-page .animate-green-btn a:before, #trading-platform-page .animate-ora-btn a:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -127%;
    top: -5px;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#trading-platform-page .animate-blue-btn a:before {
    background-color: #4487cc
}

#trading-platform-page .animate-green-btn a:before {
    background-color: #93cc44
}

#trading-platform-page .animate-ora-btn a:before {
    background-color: #f29005
}

#trading-platform-page .animate-blue-btn a:hover:before, #trading-platform-page .animate-green-btn a:hover:before, #trading-platform-page .animate-ora-btn a:hover:before {
    left: -10%
}

.xn_c_sv_3_wrap #range-of-markets_forex a {
    color: #fff
}

#range-of-markets_forex .title-icon {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #2583c2
}

#range-of-markets_forex .why-list-dot {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #2583c2
}

#range-of-markets_forex .why-list-dot-trans {
    display: block;
    width: 6px;
    height: 6px;
    background-color: transparent
}

#range-of-markets_forex .right-pic {
    width: 236px
}

#range-of-markets_forex .icon-box {
    width: 88px;
    height: 88px
}

#range-of-markets_forex .circle-style {
    width: 180px;
    height: 180px
}

#range-of-markets_forex .btns {
    background: #2882c0;
    margin-right: 20%
}

#range-of-markets_forex .btns, #range-of-markets_forex .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#range-of-markets_forex .btns1 {
    background: #82bb41
}

#range-of-markets_forex .leading-relaxeders div p {
    line-height: 30px
}

#range-of-markets_forex .w-22b {
    width: 22%
}

#usd-jpy .product-banner {
    height: 76px;
    border-radius: 5px;
    margin-bottom: 13px;
    overflow: hidden
}

#usd-jpy .product-banner .banner-text {
    height: 64px;
    padding: 6px 16px 6px 202px;
    font-weight: 700
}

#usd-jpy .product-banner h1 {
    color: #fff;
    font-size: 24px;
    margin: 0
}

#usd-jpy .white {
    color: #fff
}

#usd-jpy .halfPadding {
    padding: 10px 0
}

#usd-jpy h4, #usd-jpy h5 {
    font-size: 14px;
    color: #26343f;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700
}

#usd-jpy p {
    line-height: 18px;
    margin-bottom: 15px
}

#usd-jpy .btns {
    background: #2882c0;
    margin-right: 20%
}

#usd-jpy .btns, #usd-jpy .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#usd-jpy .btns1 {
    background: #82bb41
}

#aud-usd .product-banner {
    height: 76px;
    border-radius: 5px;
    margin-bottom: 13px;
    overflow: hidden
}

#aud-usd .product-banner .banner-text {
    padding: 6px 16px 6px 202px;
    font-weight: 700
}

#aud-usd .product-banner h1 {
    color: #fff;
    font-size: 24px;
    margin: 0
}

#aud-usd .white {
    color: #fff
}

#aud-usd .halfPadding {
    padding: 10px 0
}

#aud-usd h4, #aud-usd h5 {
    font-size: 14px;
    color: #26343f;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700
}

#aud-usd p {
    line-height: 18px;
    margin-bottom: 15px
}

#aud-usd .btns {
    background: #2882c0;
    margin-right: 20%
}

#aud-usd .btns, #aud-usd .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#aud-usd .btns1 {
    background: #82bb41
}

#eur-usd .product-banner {
    height: 76px;
    border-radius: 5px;
    margin-bottom: 13px;
    overflow: hidden
}

#eur-usd .product-banner .banner-text {
    height: 64px;
    padding: 6px 16px 6px 202px;
    font-weight: 700
}

#eur-usd .product-banner h1 {
    color: #fff;
    font-size: 24px;
    margin: 0
}

#eur-usd .white {
    color: #fff
}

#eur-usd .halfPadding {
    padding: 10px 0
}

#eur-usd h4, #eur-usd h5 {
    font-size: 14px;
    color: #26343f;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700
}

#eur-usd p {
    line-height: 18px;
    margin-bottom: 15px
}

#eur-usd .btns {
    background: #2882c0;
    margin-right: 20%
}

#eur-usd .btns, #eur-usd .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#eur-usd .btns1 {
    background: #82bb41
}

#gbp-usd .product-banner {
    height: 76px;
    border-radius: 5px;
    margin-bottom: 13px;
    overflow: hidden
}

#gbp-usd .product-banner .banner-text {
    height: 64px;
    padding: 6px 16px 6px 202px;
    font-weight: 700
}

#gbp-usd .product-banner h1 {
    color: #fff;
    font-size: 24px;
    margin: 0
}

#gbp-usd .white {
    color: #fff
}

#gbp-usd .halfPadding {
    padding: 10px 0
}

#gbp-usd h4, #gbp-usd h5 {
    font-size: 14px;
    color: #26343f;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700
}

#gbp-usd p {
    line-height: 18px;
    margin-bottom: 15px
}

#gbp-usd .btns {
    background: #2882c0;
    margin-right: 20%
}

#gbp-usd .btns, #gbp-usd .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#gbp-usd .btns1 {
    background: #82bb41
}

#metal .ueditorTableStyle {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table
}

#metal .ueditorTableStyle td {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #ddd
}

#metal .btns {
    background: #2882c0;
    margin-right: 20%
}

#metal .btns, #metal .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#metal .btns1 {
    background: #82bb41
}

#metal-page .metal-table {
    margin: 0;
    width: 444px;
    border: 0
}

#metal-page .metal-table thead {
    background-color: #407ab0
}

#metal-page .metal-table tr {
    height: 40px
}

#metal-page .metal-table td, #metal-page .metal-table th {
    padding-left: 48px;
    text-indent: 0;
    text-align: left
}

#metal-page .metal-table tr th:nth-of-type(3) {
    padding-left: 28px
}

#metal-page .metal-list div {
    margin-bottom: 29px
}

#metal-page .metal-out-table-shadow {
    box-shadow: 0 1px 8px 1px rgba(11, 100, 191, .11)
}

#metal-page .ioncs-postion {
    left: 0;
    top: 6px
}

#metal-page .bg-9a {
    background-color: #9ac059
}

#metal-page .reg-btn {
    display: inline-block;
    color: #fff;
    width: 260px;
    line-height: 56px;
    border-radius: 4px
}

#metal-page .metal-lists li {
    padding-top: .5rem;
    padding-bottom: .5rem
}

#metal-page .metal-lists li:nth-child(odd) {
    padding-left: 2rem;
    background-color: #fff
}

#metal-page .metal-lists li:nth-child(2n) {
    padding-left: 2rem;
    background-color: #eee
}

#metal-page .free-btn {
    display: inline-block;
    color: #fff;
    width: 260px;
    line-height: 56px;
    border-radius: 4px
}

#metal-page .bg-9c {
    background-color: #9ac059
}

#metal-page .bg-metall {
    background-image: url(/static/home/images/bg.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

#metal-page .ffc {
    color: #ffc600
}

#mmetal-page .blocks {
    display: block
}

#mmetal-page .b-bg-banner {
    background-image: url(/static/home/images/mbanner.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

#mmetal-page .mioncs-postion {
    top: 5px
}

#mmetal-page .mreg-btn {
    color: #fff;
    width: 155px;
    line-height: 38px;
    border-radius: 4px
}

#mmetal-page .metal-lists div {
    padding-top: 8px;
    padding-bottom: 8px
}

#mmetal-page .metal-lists div:nth-child(odd) {
    padding-left: 16px;
    background-color: #fff
}

#mmetal-page .metal-lists div:nth-child(2n) {
    padding-left: 16px;
    background-color: #eee
}

#mmetal-page .mbg-metall {
    background-image: url(/static/home/images/mbg.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

#silver-page a, #silver-page div, #silver-page h2, #silver-page h3, #silver-page li, #silver-page p, #silver-page span {
    font-family: Microsoft YaHei
}

#silver-page h2, #silver-page h3 {
    font-weight: 700
}

#silver-page .blue-shadow {
    box-shadow: 0 1px 9px 1px rgba(128, 179, 251, .31)
}

#silver-page .btn-box .demo-btn {
    margin: 0 auto
}

#silver-page .content-link-btn:visited {
    color: #2882c0
}

#silver-page .btn-box .demo-btn a {
    border-radius: 2px
}

@media screen and (min-width: 1200px) {
    #silver-page .btn-box .demo-btn {
        margin: 0
    }

    #silver-page .btn-box .demo-btn a {
        border-radius: 4px
    }

    #silver-page .text-order {
        order: 2
    }

    #silver-page .pic-order {
        order: 1
    }

    #silver-page .font-weight {
        font-weight: 400
    }

    #silver-page .what-is-sliver {
        display: flex
    }

    #silver-page .break-words {
        word-break: break-all
    }
}

#gold {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue, Helvetica, Arial, sans-serif
}

#gold a {
    color: #2882c0
}

#gold .btns {
    background: #2882c0;
    margin-right: 20%
}

#gold .btns, #gold .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#gold .btns1 {
    background: #82bb41
}

#gold .line-1 {
    line-height: 1
}

#gold .line-24 {
    line-height: 24px
}

#gold .box-sha {
    padding: 24px 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
}

#gold .border-boxs {
    width: 282px;
    padding: 16px 8px 13px 20px;
    border-radius: 4px;
    border: 1px solid #e6e6e6
}

#gold .real-btn {
    transition: .5s ease-in-out;
    color: #fff;
    position: relative;
    border: 1px solid #78b539;
    width: 260px;
    line-height: 56px;
    border-radius: 4px
}

#gold .real-btn:before {
    position: absolute;
    top: -5px;
    bottom: -5px;
    z-index: -1;
    width: 115%;
    left: -7%;
    transform: skewX(-26deg);
    transition: left .5s ease-in-out;
    content: "";
    background-color: #78b539
}

#gold .real-btn:hover {
    color: #78b539
}

#gold .real-btn:hover:before {
    left: 108%
}

#gold .demo-btn {
    color: #3874b7
}

#gold .demo-btn:hover {
    color: #2559a2
}

#gold .constitute-bg {
    background-image: url(/static/home/images/pc-one-bg.png)
}

#gold .white-box {
    width: 202px;
    height: 126px;
    border-radius: 4px;
    border: 1px solid #fff
}

#gold .icons {
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 13px
}

#gold .price-list li {
    font-size: 16px;
    position: relative;
    padding-bottom: 1.5rem;
    padding-left: 37px
}

#gold .way-list {
    padding: 22px 31px 30px 24px
}

#gold .way-list li {
    color: #5b5b5b;
    font-size: 16px;
    padding-left: 33px
}

#gold .box-s {
    padding: 2px;
    box-shadow: 0 2px 13px 3px rgba(37, 89, 162, .22)
}

#gold .line-pos {
    left: 3px;
    margin-right: 11px;
    top: -1px
}

#m-gold {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue, Helvetica, Arial, sans-serif
}

#m-gold .line-1 {
    line-height: 1
}

#m-gold .line-22 {
    line-height: 22px
}

#m-gold .b-bg-banner {
    background-size: 100% 100%;
    background-image: url(/static/home/images/m-banner-bg.png)
}

#m-gold .border-box {
    width: 155px;
    padding: 16px 7px 12px;
    background-color: #fff;
    box-shadow: 0 1px 9px 1px rgba(128, 179, 251, .31);
    border-radius: 4px;
    border: 1px solid #e6e6e6
}

#m-gold .real-btn {
    background-color: #78b639;
    border-radius: 4px;
    color: #fff
}

#m-gold .demo-btn, #m-gold .real-btn {
    display: inline-block;
    width: 47%;
    line-height: 36px
}

#m-gold .demo-btn {
    color: #3874b7
}

#m-gold .con-bg {
    padding: 20px 10px 29px;
    background-size: 100% 100%;
    background-image: url(/static/home/images/m-one-bg.png)
}

#m-gold .con-bg > div > div {
    width: 47.2%
}

#m-gold .border-boxs {
    margin-top: -24px;
    padding: 30px 7px 17px;
    width: 100%;
    height: 80%;
    min-height: 112px;
    border-radius: 4px;
    border: 1px solid #fff
}

#m-gold .cont-one-list li {
    padding-left: 30px;
    padding-bottom: 19px;
    position: relative
}

#m-gold .cont-one-list li img {
    left: 0;
    top: 2px;
    position: absolute
}

#m-gold .boxs-shadow {
    background-color: #fff;
    box-shadow: 0 2px 13px 3px rgba(37, 89, 162, .22);
    padding: 2px
}

#m-gold .box-title {
    font-size: 14px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    padding: 13px 0 13px 17px
}

#m-gold .box-con {
    padding: 16px 18px 23px
}

#m-gold .cont-two-list li {
    padding-left: 14px;
    position: relative;
    --text-opacity: 1;
    color: #5b5b5b;
    color: rgba(91, 91, 91, var(--text-opacity));
    font-size: 14px
}

#m-gold .cont-two-list li span {
    margin-right: 10px;
    top: 0;
    left: 0;
    position: absolute
}

#m-gold .step-item {
    width: 47.2%
}

#m-gold .borders-boxs {
    margin-top: -27px;
    width: 100%;
    padding: 30px 0 13px;
    border: 1px solid #eaecf4
}

#platinum .btns {
    background: #2882c0;
    margin-right: 20%
}

#platinum .btns, #platinum .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#platinum .btns1 {
    background: #82bb41
}

#stockindex .text-sm {
    font-size: 24px
}

#stockindex .text-14-20 {
    font-size: 20px
}

#stockindex .box-item-shadow {
    box-shadow: 0 2px 13.3px 2.7px rgba(11, 134, 191, .15)
}

#stockindex .superiority-box-shadow {
    box-shadow: 0 2.5px 5.5px .6px rgba(30, 79, 143, .35)
}

#stockindex .white-box-shadow {
    box-shadow: 0 1px 9px 1px rgba(38, 185, 253, .09)
}

#stockindex .icon-triangle-down {
    border: 12px solid transparent;
    border-top-color: #fff
}

#stockindex .icon-triangle-up {
    border: 12px solid transparent;
    border-bottom-color: #fff
}

#stockindex tbody, #stockindex tfoot, #stockindex thead {
    border: 0
}

#stockindex thead th {
    background-color: #d9d8d8;
    font-weight: 400;
    text-align: left
}

#stockindex tbody td, #stockindex thead th {
    padding: 8px 10px 10px
}

#stockindex tbody tr:nth-child(odd) td {
    background-color: #fafafa
}

#stockindex tbody tr:nth-child(2n) td {
    background-color: #f1f1f1
}

#stockindex .video-alert {
    background-color: rgba(0, 0, 0, .5)
}

#stockindex .video-play-btn {
    background-color: hsla(0, 0%, 100%, .1)
}

#stockindex .white-color {
    color: #fff
}

#stockindex .white-color:hover {
    color: #f89700
}

#stockindex .text-grey-999 {
    color: #999
}

#stockindex .blue-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin-top: 8px;
    margin-right: 12px
}

#stockindex .stockindex-animate {
    border-radius: 4px;
    border: 2px solid #f89700;
    letter-spacing: 1px;
    text-align: center;
    transition: color .5s ease-in-out;
    z-index: 1;
    background-color: transparent;
    color: #fff;
    position: relative;
    overflow: hidden
}

#stockindex .stockindex-animate:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    background-color: #f89700;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#stockindex .stockindex-animate:hover {
    color: #f89700
}

#stockindex .stockindex-animate:hover:before {
    left: 127%
}

@media only screen and (max-width: 768px) {
    #stockindex a, #stockindex div, #stockindex h2, #stockindex h3, #stockindex p, #stockindex span, #stockindex table, #stockindex td, #stockindex th {
        font-family: PingFang SC
    }

    #stockindex .px-3 {
        padding-left: 12px;
        padding-right: 12px
    }

    #stockindex .pl-5 {
        padding-left: 20px
    }

    #stockindex .pt-3 {
        padding-top: 12px
    }

    #stockindex .text-10 {
        font-size: 10px
    }

    #stockindex .text-12 {
        font-size: 12px
    }

    #stockindex .text-14-20, #stockindex .text-sm {
        font-size: 14px
    }

    #stockindex .text-16 {
        font-size: 16px
    }

    #stockindex .py-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    #stockindex .pl-2 {
        padding-left: 8px
    }

    #stockindex .px-2 {
        padding-left: 8px;
        padding-right: 8px
    }

    #stockindex .py-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }

    #stockindex .px-10 {
        padding-left: 40px;
        padding-right: 40px
    }

    #stockindex .blue-dot {
        width: 6px;
        height: 6px;
        border-radius: 999px;
        margin-top: 4px;
        margin-right: 8px
    }

    #stockindex .px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    #stockindex .mb-3 {
        margin-bottom: 12px
    }

    #stockindex .mb-7 {
        margin-bottom: 28px
    }

    #stockindex .mt-6 {
        margin-top: 24px
    }

    #stockindex .mb-2 {
        margin-bottom: 8px
    }

    #stockindex .mb-6 {
        margin-bottom: 24px
    }

    #stockindex .w-18 {
        width: 72px
    }

    #stockindex .h-18 {
        height: 72px
    }

    #stockindex .table-m {
        height: 351px;
        overflow-x: scroll
    }

    #stockindex .py-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #stockindex .-mx-3 {
        margin-right: -12px;
        margin-left: -12px
    }

    #stockindex .-mt-4 {
        margin-top: -16px
    }

    #stockindex .-mb-4 {
        margin-bottom: -16px
    }

    #stockindex .mr-12 {
        margin-right: 48px
    }

    #stockindex .my-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    #stockindex .mb-8 {
        margin-bottom: 32px
    }

    #stockindex .pb-8 {
        padding-bottom: 32px
    }

    #stockindex .icon-triangle-down {
        border: 8px solid transparent;
        border-top-color: #fff
    }

    #stockindex .icon-triangle-up {
        border: 8px solid transparent;
        border-bottom-color: #fff
    }

    #stockindex .box-item-shadow {
        box-shadow: 0 1px 11.3px 1.7px rgba(88, 182, 248, .26)
    }

    #stockindex .superiority-box-shadow {
        box-shadow: 0 2.5px 5.5px .6px rgba(30, 79, 143, .35)
    }

    #stockindex .white-box-shadow {
        box-shadow: 0 1px 11.3px 1.7px rgba(88, 182, 248, .26)
    }
}

#stock-market .btns {
    background: #2882c0;
    margin-right: 20%
}

#stock-market .btns, #stock-market .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#stock-market .btns1 {
    background: #82bb41
}

#online-stock-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#online-stock-trading .btns, #online-stock-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#online-stock-trading .btns1 {
    background: #82bb41
}

#stock-basis .btns {
    background: #2882c0;
    margin-right: 20%
}

#stock-basis .btns, #stock-basis .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#stock-basis .btns1 {
    background: #82bb41
}

#stock-strategy .btns {
    background: #2882c0;
    margin-right: 20%
}

#stock-strategy .btns, #stock-strategy .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#stock-strategy .btns1 {
    background: #82bb41
}

#contrast .btns {
    background: #2882c0;
    margin-right: 20%
}

#contrast .btns, #contrast .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#contrast .btns1 {
    background: #82bb41
}

#google-stock-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#google-stock-trading .btns, #google-stock-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#google-stock-trading .btns1 {
    background: #82bb41
}

#indices-page .banner {
    margin-top: 12px;
    margin-bottom: 32px
}

#indices-page .banner h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e
}

#indices-page .banner p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 16px
}

#indices-page .selected h2 {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 16px
}

#indices-page .selected ul {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    justify-content: space-between;
    grid-column-gap: 0;
    margin-bottom: 32px
}

#indices-page .selected ul li {
    margin-bottom: 16px
}

#indices-page .selected ul li a {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0;
    color: #2882c0
}

#indices-page .selected ul li p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #5b5b5b;
    white-space: pre-line
}

#indices-page .selected .table-box {
    display: none
}

#indices-page .selected .table-box ul {
    display: block
}

#indices-page .selected .table-box ul.table-list li {
    display: none
}

#indices-page .selected .table-box ul.table-list li.content-active {
    display: block
}

#indices-page .selected .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
}

#indices-page .selected .table-box ul li table thead {
    background-color: #203c6b
}

#indices-page .selected .table-box th {
    color: #fff
}

#indices-page .selected .table-box td, #indices-page .selected .table-box th {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    padding: 16px 0 16px 52px
}

#indices-page .selected .table-box td {
    height: 60px;
    color: #2e2e2e;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

#indices-page .selected .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 16px 52px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-bottom: 60px
}

#indices-page .selected .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#indices-page .selected .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#indices-page .selected .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#indices-page .selected .table-btns ul li.tab-active {
    color: #2882c0
}

#indices-page .selected .table-btns .left-arrow-box {
    color: #999
}

#indices-page .selected .table-btns .left-arrow {
    margin-right: 8px
}

#indices-page .selected .table-btns .right-arrow {
    margin-left: 8px
}

#indices-page .question {
    background-image: url(/static/home/images/question-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 32px 64px 0;
    margin-bottom: 60px;
    display: none
}

#indices-page .question h2 {
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0;
    color: #fff;
    margin-left: 32px;
    margin-bottom: 40px
}

#indices-page .question .question-box {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    background-color: #fff
}

#indices-page .question .question-box ul li {
    padding: 24px 32px;
    border-top: 1px solid #e7e7e7
}

#indices-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#indices-page .question .question-items span {
    width: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#indices-page .question .answer-items {
    display: none
}

#indices-page .question h4 {
    font-size: 22px;
    color: #2e2e2e;
    margin-bottom: 24px
}

#indices-page .question h4, #indices-page .question p {
    font-weight: 400;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0
}

#indices-page .question p {
    font-size: 16px;
    color: #999;
    margin-top: 20px
}

#indices-page .bottom {
    background-image: url(/static/home/images/bottom-bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 12px
}

#indices-page .bottom div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#indices-page .bottom p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 1px;
    color: #fff
}

#indices-page .bottom .btn-box, #indices-page .bottom p span {
    display: none
}

#indices-page .animate-btn a {
    font-size: 14px;
    text-decoration: none;
    width: 160px;
    line-height: 1;
    padding: 12px 0;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #78b539;
    color: #fff
}

#indices-page .animate-btn:hover a {
    transition: color .5s ease-in-out;
    color: #78b539
}

#indices-page .animate-btn a:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#indices-page .animate-btn a:hover:before {
    left: -127%
}

@media screen and (min-width: 992px) {
    #indices-page a, #indices-page div, #indices-page h2, #indices-page h3, #indices-page h4, #indices-page h5, #indices-page h6, #indices-page li, #indices-page p, #indices-page span, #indices-page td {
        font-family: Microsoft YaHei
    }

    #indices-page .banner {
        margin-bottom: 60px
    }

    #indices-page .banner h2 {
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e
    }

    #indices-page .banner p {
        font-size: 16px;
        line-height: 1.5;
        color: #5b5b5b;
        margin-top: 20px
    }

    #indices-page .banner p, #indices-page .selected h2 {
        font-weight: 400;
        font-stretch: normal;
        letter-spacing: 0
    }

    #indices-page .selected h2 {
        font-size: 26px;
        line-height: 21px;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #indices-page .selected ul {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        justify-content: space-between;
        grid-column-gap: 3%;
        margin-bottom: 32px
    }

    #indices-page .selected ul li {
        margin-bottom: 28px
    }

    #indices-page .selected ul li a {
        text-decoration: underline;
        font-stretch: normal;
        color: #2882c0
    }

    #indices-page .selected ul li a, #indices-page .selected ul li p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0
    }

    #indices-page .selected ul li p {
        color: #5b5b5b;
        white-space: pre-line
    }

    #indices-page .selected .table-box, #indices-page .selected .table-box ul {
        display: block
    }

    #indices-page .selected .table-box ul.table-list li {
        display: none
    }

    #indices-page .selected .table-box ul.table-list li.content-active {
        display: block
    }

    #indices-page .selected .table-box ul li table {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
    }

    #indices-page .selected .table-box ul li table thead {
        background-color: #203c6b
    }

    #indices-page .selected .table-box th {
        color: #fff;
        padding: 16px 0 16px 52px
    }

    #indices-page .selected .table-box td, #indices-page .selected .table-box th {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        text-align: left
    }

    #indices-page .selected .table-box td {
        height: 50px;
        color: #2e2e2e;
        padding: 13px 0 12px 52px;
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7
    }

    #indices-page .selected .table-btns {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        display: flex;
        justify-content: space-between;
        padding: 16px 52px;
        box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
        margin-bottom: 60px
    }

    #indices-page .selected .table-btns > div {
        display: flex;
        align-items: center;
        cursor: pointer
    }

    #indices-page .selected .table-btns ul {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    #indices-page .selected .table-btns ul li {
        padding: 0 12px;
        margin-bottom: 0;
        cursor: pointer
    }

    #indices-page .selected .table-btns ul li.tab-active {
        color: #2882c0
    }

    #indices-page .selected .table-btns .left-arrow-box {
        color: #999
    }

    #indices-page .selected .table-btns .left-arrow {
        margin-right: 8px
    }

    #indices-page .selected .table-btns .right-arrow {
        margin-left: 8px
    }

    #indices-page .question {
        background-image: url(/static/home/images/question-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 32px 64px 0;
        margin-bottom: 60px;
        display: block
    }

    #indices-page .question h2 {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0;
        color: #fff;
        margin-left: 32px;
        margin-bottom: 40px
    }

    #indices-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #indices-page .question .question-box ul li {
        padding: 24px 32px;
        border-top: 1px solid #e7e7e7
    }

    #indices-page .question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #indices-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #indices-page .question .answer-items {
        display: none
    }

    #indices-page .question h4 {
        font-size: 22px;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #indices-page .question h4, #indices-page .question p {
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0
    }

    #indices-page .question p {
        font-size: 16px;
        color: #999;
        margin-top: 20px
    }

    #indices-page .bottom {
        background-image: url(/static/home/images/bottom-bg.jpg);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 40px 60px 40px 32px;
        margin-bottom: -40px
    }

    #indices-page .bottom div {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #indices-page .bottom p {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 1px;
        color: #fff
    }

    #indices-page .bottom .btn-box {
        display: block
    }

    #indices-page .bottom p span {
        display: inline
    }

    #indices-page .animate-btn a {
        font-size: 20px;
        text-decoration: none;
        width: 260px;
        padding: 16px 0;
        letter-spacing: 1px;
        z-index: 10;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #78b539;
        color: #fff
    }

    #indices-page .animate-btn:hover a {
        transition: color .5s ease-in-out;
        color: #78b539
    }

    #indices-page .animate-btn a:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #78b539;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #indices-page .animate-btn a:hover:before {
        left: -127%
    }
}

#m-indices-page {
    padding: 0 0 28px
}

#m-indices-page a, #m-indices-page div, #m-indices-page h2, #m-indices-page h3, #m-indices-page h4, #m-indices-page h5, #m-indices-page h6, #m-indices-page li, #m-indices-page p, #m-indices-page span, #m-indices-page td {
    font-family: PingFang SC
}

#m-indices-page .banner {
    margin-bottom: 32px
}

#m-indices-page .banner h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e
}

#m-indices-page .banner p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: #5b5b5b;
    margin-top: 16px
}

#m-indices-page .selected h2 {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 16px
}

#m-indices-page .selected ul {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    justify-content: space-between;
    grid-column-gap: 0;
    margin-bottom: 32px
}

#m-indices-page .selected ul li {
    margin-bottom: 16px
}

#m-indices-page .selected ul li:nth-of-type(8) {
    margin-bottom: 0
}

#m-indices-page .selected ul li a {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0;
    color: #2882c0
}

#m-indices-page .selected ul li p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #5b5b5b;
    white-space: normal
}

#m-indices-page .selected .table-box {
    display: none
}

#m-indices-page .selected .table-box ul {
    display: block
}

#m-indices-page .selected .table-box ul.table-list li {
    display: none
}

#m-indices-page .selected .table-box ul.table-list li.content-active {
    display: block
}

#m-indices-page .selected .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
}

#m-indices-page .selected .table-box ul li table thead {
    background-color: #203c6b
}

#m-indices-page .selected .table-box th {
    color: #fff
}

#m-indices-page .selected .table-box td, #m-indices-page .selected .table-box th {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    padding: 16px 0 16px 52px
}

#m-indices-page .selected .table-box td {
    height: 60px;
    color: #2e2e2e;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

#m-indices-page .selected .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 16px 52px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-bottom: 60px
}

#m-indices-page .selected .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#m-indices-page .selected .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#m-indices-page .selected .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#m-indices-page .selected .table-btns ul li.tab-active {
    color: #2882c0
}

#m-indices-page .selected .table-btns .left-arrow-box {
    color: #999
}

#m-indices-page .selected .table-btns .left-arrow {
    margin-right: 8px
}

#m-indices-page .selected .table-btns .right-arrow {
    margin-left: 8px
}

#m-indices-page .question {
    background-image: url(/static/home/images/question-bg.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 32px 64px 0;
    margin-bottom: 60px;
    display: none
}

#m-indices-page .question h2 {
    font-size: 26px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0;
    color: #fff;
    margin-left: 32px;
    margin-bottom: 40px
}

#m-indices-page .question .question-box {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    background-color: #fff
}

#m-indices-page .question .question-box ul li {
    padding: 24px 32px;
    border-top: 1px solid #e7e7e7
}

#m-indices-page .question .question-items {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

#m-indices-page .question .question-items span {
    width: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#m-indices-page .question .answer-items {
    display: none
}

#m-indices-page .question h4 {
    font-size: 22px;
    color: #2e2e2e;
    margin-bottom: 24px
}

#m-indices-page .question h4, #m-indices-page .question p {
    font-weight: 400;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0
}

#m-indices-page .question p {
    font-size: 16px;
    color: #999;
    margin-top: 20px
}

#m-indices-page .bottom {
    background-image: url(/static/home/images/bottom-bg.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 12px
}

#m-indices-page .bottom div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#m-indices-page .bottom p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 1px;
    color: #fff;
    white-space: pre-line
}

#m-indices-page .bottom .btn-box, #m-indices-page .bottom p span {
    display: none
}

#m-indices-page .animate-btn a {
    font-size: 14px;
    text-decoration: none;
    width: 160px;
    line-height: 1;
    padding: 12px 0;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #78b539;
    color: #fff
}

#m-indices-page .animate-btn:hover a {
    transition: color .5s ease-in-out;
    color: #78b539
}

#m-indices-page .animate-btn a:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#m-indices-page .animate-btn a:hover:before {
    left: -127%
}

@media screen and (min-width: 992px) {
    #m-indices-page a, #m-indices-page div, #m-indices-page h2, #m-indices-page h3, #m-indices-page h4, #m-indices-page h5, #m-indices-page h6, #m-indices-page li, #m-indices-page p, #m-indices-page span, #m-indices-page td {
        font-family: Microsoft YaHei
    }

    #m-indices-page .banner {
        margin-bottom: 80px
    }

    #m-indices-page .banner h2 {
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e
    }

    #m-indices-page .banner p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0;
        color: #5b5b5b;
        margin-top: 20px
    }

    #m-indices-page .selected h2 {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #m-indices-page .selected ul {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        justify-content: space-between;
        grid-column-gap: 3%;
        margin-bottom: 40px
    }

    #m-indices-page .selected ul li {
        margin-bottom: 28px
    }

    #m-indices-page .selected ul li a {
        text-decoration: underline;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0;
        color: #2882c0
    }

    #m-indices-page .selected ul li p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0;
        color: #5b5b5b;
        white-space: nowrap
    }

    #m-indices-page .selected .table-box, #m-indices-page .selected .table-box ul {
        display: block
    }

    #m-indices-page .selected .table-box ul.table-list li {
        display: none
    }

    #m-indices-page .selected .table-box ul.table-list li.content-active {
        display: block
    }

    #m-indices-page .selected .table-box ul li table {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
    }

    #m-indices-page .selected .table-box ul li table thead {
        background-color: #203c6b
    }

    #m-indices-page .selected .table-box th {
        color: #fff
    }

    #m-indices-page .selected .table-box td, #m-indices-page .selected .table-box th {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        text-align: left;
        padding: 16px 0 16px 52px
    }

    #m-indices-page .selected .table-box td {
        height: 60px;
        color: #2e2e2e;
        background-color: #fff;
        border-bottom: 1px solid #e7e7e7
    }

    #m-indices-page .selected .table-btns {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #2e2e2e;
        display: flex;
        justify-content: space-between;
        padding: 16px 52px;
        box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
        margin-bottom: 60px
    }

    #m-indices-page .selected .table-btns > div {
        display: flex;
        align-items: center;
        cursor: pointer
    }

    #m-indices-page .selected .table-btns ul {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    #m-indices-page .selected .table-btns ul li {
        padding: 0 12px;
        margin-bottom: 0;
        cursor: pointer
    }

    #m-indices-page .selected .table-btns ul li.tab-active {
        color: #2882c0
    }

    #m-indices-page .selected .table-btns .left-arrow-box {
        color: #999
    }

    #m-indices-page .selected .table-btns .left-arrow {
        margin-right: 8px
    }

    #m-indices-page .selected .table-btns .right-arrow {
        margin-left: 8px
    }

    #m-indices-page .question {
        background-image: url(/static/home/images/question-bg.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 32px 64px 0;
        margin-bottom: 60px;
        display: block
    }

    #m-indices-page .question h2 {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0;
        color: #fff;
        margin-left: 32px;
        margin-bottom: 40px
    }

    #m-indices-page .question .question-box {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
        background-color: #fff
    }

    #m-indices-page .question .question-box ul li {
        padding: 24px 32px;
        border-top: 1px solid #e7e7e7
    }

    #m-indices-page .question .question-items {
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #m-indices-page .question .question-items span {
        width: 12px;
        margin-right: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #m-indices-page .question .answer-items {
        display: none
    }

    #m-indices-page .question h4 {
        font-size: 22px;
        color: #2e2e2e;
        margin-bottom: 24px
    }

    #m-indices-page .question h4, #m-indices-page .question p {
        font-weight: 400;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0
    }

    #m-indices-page .question p {
        font-size: 16px;
        color: #999;
        margin-top: 20px
    }

    #m-indices-page .bottom {
        background-image: url(/static/home/images/bottom-bg.jpg);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 40px 60px 40px 32px
    }

    #m-indices-page .bottom div {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #m-indices-page .bottom p {
        font-size: 26px;
        font-weight: 400;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 1px;
        color: #fff
    }

    #m-indices-page .bottom .btn-box {
        display: block
    }

    #m-indices-page .bottom p span {
        display: inline
    }

    #m-indices-page .animate-btn a {
        font-size: 20px;
        text-decoration: none;
        width: 260px;
        padding: 16px 0;
        letter-spacing: 1px;
        z-index: 10;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #78b539;
        color: #fff
    }

    #m-indices-page .animate-btn:hover a {
        transition: color .5s ease-in-out;
        color: #78b539
    }

    #m-indices-page .animate-btn a:before {
        content: "";
        position: absolute;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background-color: #78b539;
        transform: skewX(-30deg);
        transition: left .5s ease-in-out;
        z-index: -1
    }

    #m-indices-page .animate-btn a:hover:before {
        left: -127%
    }
}

#sp-500-page .bottom {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#sp-500-page .text-white {
    color: #fff
}

#sp-500-page .bg-contain {
    background-size: contain !important
}

#sp-500-page .bg-center {
    background-position: 50% !important
}

#sp-500-page .bg-no-repeat {
    background-repeat: no-repeat !important
}

#sp-500-page .normal-shadow {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
}

#sp-500-page .table tbody tr {
    border: 2px solid #e7e7e7
}

#sp-500-page .table tr td, #sp-500-page .table tr th {
    text-align: left;
    padding: 12px 0 12px 52px;
    font-size: 14px
}

#sp-500-page .table tr td {
    background: #fff;
    white-space: pre-line
}

#sp-500-page .animate-btn {
    text-decoration: none;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

#sp-500-page .animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539
}

#sp-500-page .animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#sp-500-page .animate-btn:hover:before {
    left: -127%
}

#m-sp-500-page {
    padding: 0 0 28px
}

#m-sp-500-page .banner {
    background-image: url(/static/home/images/bg-banner.jpg);
    background-position: 50%;
    background-size: cover;
    padding: 40px 0 32px 12px;
    margin-bottom: 32px
}

#m-sp-500-page .banner h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0 3px 7px rgba(11, 6, 67, .35);
    margin-bottom: 12px
}

#m-sp-500-page .banner p {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#m-sp-500-page .section-one {
    margin-bottom: 40px
}

#m-sp-500-page .section-one h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #2e2e2e
}

#m-sp-500-page .section-one p {
    font-size: 12px;
    line-height: 1.5;
    color: #2e2e2e;
    margin-top: 24px
}

#m-sp-500-page .section-one .video-box {
    margin-top: 24px;
    margin-bottom: 28px
}

#m-sp-500-page .section-one .btn-box {
    display: flex;
    align-items: center
}

#m-sp-500-page .section-one .btn-box div:first-of-type {
    margin-right: 40px
}

#m-sp-500-page .section-one .btn-box div:first-of-type a {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    width: 165px;
    background-color: #78b639;
    border-radius: 2px;
    padding: 12px 0;
    text-align: center;
    display: block
}

#m-sp-500-page .section-one .btn-box div:last-of-type a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 11px;
    letter-spacing: 0;
    color: #3874b7
}

#m-sp-500-page .section-two {
    margin-bottom: 40px
}

#m-sp-500-page .section-two h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #2e2e2e;
    margin-bottom: 20px
}

#m-sp-500-page .section-two li, #m-sp-500-page .section-two p {
    font-size: 12px;
    line-height: 1.5;
    color: #2e2e2e
}

#m-sp-500-page .section-two li {
    display: flex;
    align-items: center;
    margin-top: 12px
}

#m-sp-500-page .section-two li img {
    margin-right: 12px;
    width: 12px;
    height: 12px
}

#m-sp-500-page .section-three {
    margin-top: 24px;
    background-image: url(/static/home/images/bg-info.jpg);
    background-position: 50%;
    background-size: cover;
    padding: 20px 0 20px 12px;
    margin-bottom: 32px
}

#m-sp-500-page .section-three h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #fff
}

#m-sp-500-page .section-three li {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #fff;
    margin-top: 16px
}

#m-sp-500-page .section-three li img {
    margin-right: 12px;
    width: 16px
}

#m-sp-500-page .section-four h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e
}

#m-sp-500-page .section-four p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-top: 20px
}

#m-sp-500-page .section-four div {
    margin-top: 20px;
    box-shadow: 0 0 5px 0 rgba(67, 130, 192, .35)
}

#m-sp-500-page .section-four table tr th {
    background-color: #213c6b;
    text-align: left;
    font-weight: 400;
    padding: 12px;
    color: #fff;
    font-size: 10px
}

#m-sp-500-page .section-four table tbody tr {
    border-bottom: 1px solid #e7e7e7
}

#m-sp-500-page .section-four table tr td {
    font-size: 10px;
    background: #fff;
    white-space: pre-line;
    text-align: left;
    padding: 12px
}

#m-sp-500-page .section-four table tr td.font-8px {
    font-size: 8px
}

#m-sp-500-page .section-five {
    margin-top: 32px
}

#m-sp-500-page .section-five div {
    margin-bottom: 28px
}

#m-sp-500-page .section-five h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-bottom: 20px
}

#m-sp-500-page .section-five p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2e2e2e;
    margin-top: 16px
}

#m-sp-500-page .bottom {
    background-image: url(/static/home/images/bg-bottom.jpg);
    background-position: 50%;
    background-size: cover;
    padding: 20px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#m-sp-500-page .bottom p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    white-space: nowrap
}

#m-sp-500-page .bottom a {
    width: 160px;
    background-color: #78b639;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    display: block
}

#djia-page .text-gray-5b5 {
    color: #5b5b5b
}

#djia-page .blocks {
    display: block
}

#djia-page .registered_btn {
    font-size: 18px;
    display: inline-block;
    width: 260px;
    line-height: 56px;
    border-radius: 4px
}

#djia-page .bg-83b {
    background-color: #83be41
}

#djia-page .bg-288 {
    background-color: #2882c0
}

#djia-page .w-14 {
    width: 14%
}

#djia-page .bg-k {
    height: 145px;
    background-image: url(/static/home/images/k.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#djia-page .bg-b {
    background-image: linear-gradient(270deg, #3b8bd0, #0b3fa4)
}

#djia-page .bg-box {
    padding-top: 37px;
    background-image: url(/static/home/images/2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    width: 142px;
    height: 132px
}

#djia-page .text-box {
    width: 158px;
    line-height: 36px;
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(26, 83, 214, .29);
    border-radius: 4px
}

#djia-page .box-f {
    background-color: #fff;
    box-shadow: 0 1px 13px 0 rgba(26, 83, 214, .18)
}

#djia-page .roun-b {
    left: 0;
    top: 11px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #1f7ec0
}

#djia-page .djia-list div {
    line-height: 33px;
    padding-left: 20px
}

#djia-page .jump-btn {
    display: inline-block;
    line-height: 42px;
    width: 210px;
    line-height: 44px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #3b82f2;
    font-size: 16px;
    letter-spacing: 1px;
    color: #2e2e2e;
    text-align: center;
    transition: color .5s ease-in-out;
    z-index: 1;
    position: relative;
    overflow: hidden
}

#djia-page .jump-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -127%;
    top: -5px;
    background-color: #3b82f2;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#djia-page .jump-btn:hover {
    color: #fff;
    box-shadow: 0 1px 10px 0 rgba(26, 83, 214, .29)
}

#djia-page .jump-btn:hover:before {
    left: -10%
}

#djia-page .animate-btn-djia {
    border-radius: 4px;
    border: 2px solid #fff;
    letter-spacing: 1px;
    text-align: center;
    transition: color .5s ease-in-out;
    z-index: 1;
    color: #fff;
    position: relative;
    overflow: hidden
}

#djia-page .animate-btn-djia:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -127%;
    top: -5px;
    background-color: #fff;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#djia-page .animate-btn-djia:hover {
    color: #2587c2;
    box-shadow: 0 1px 10px 0 rgba(26, 83, 214, .29)
}

#djia-page .animate-btn-djia:hover:before {
    left: -10%
}

#djia-page .footer-bg {
    background-image: url(/static/home/images/footer.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#djia-page .jump-real-btn {
    color: #fff;
    border: 2px solid #fff;
    width: 260px;
    line-height: 56px;
    border-radius: 4px
}

#mdjia-page .swiper-wrapper {
    transition-timing-function: linear
}

#mdjia-page .bg-banner {
    background-image: url(/static/home/images/banner1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#mdjia-page .mdjia-btn {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 160px;
    line-height: 37px;
    border-radius: 4px
}

#mdjia-page .bg-72b {
    background-color: #72b341
}

#mdjia-page .w-5b {
    width: 5%
}

#mdjia-page .box-s {
    margin-top: 18px;
    box-shadow: 0 1px 13px 0 rgba(0, 87, 211, .18)
}

#mdjia-page .m-round {
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #007fbe;
    display: inline-block
}

#mdjia-page .m-djia-list div {
    line-height: 30px
}

#mdjia-page .m-jump-btn {
    font-size: 14px;
    color: #2e2e2e;
    width: 157px;
    line-height: 31px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 87, 211, .29);
    border-radius: 4px;
    border: 1px solid #1a84ef;
    display: inline-block
}

#mdjia-page .m-footer-bg {
    background-image: url(/static/home/images/mfooter.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

#mdjia-page .m-real-btn {
    display: inline-block;
    color: #fff;
    width: 174px;
    line-height: 35.5px;
    border-radius: 4px;
    border: 2px solid #fff
}

#mdjia-page .bg-mmm {
    background-image: linear-gradient(270deg, #3b8bd0, #0b3fa4)
}

#mdjia-page .bg-mbox {
    background-image: url(/static/home/images/2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    width: 100px
}

#mdjia-page .text-24px {
    font-size: 24px
}

#mdjia-page .box-s, #mdjia-page .box-ss {
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(0, 87, 211, .29);
    border-radius: 4px
}

#mdjia-page .box-ss {
    font-size: 12px;
    left: 4px;
    bottom: -20px;
    width: 130px;
    line-height: 31px;
    color: #2e2e2e
}

#nasdaq-100 .btns {
    background: #2882c0;
    margin-right: 20%
}

#nasdaq-100 .btns, #nasdaq-100 .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#nasdaq-100 .btns1 {
    background: #82bb41
}

#m-nasdaq-page h2 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #2e2e2e
}

#m-nasdaq-page li, #m-nasdaq-page p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #2e2e2e
}

#m-nasdaq-page .banner {
    margin-top: 20px;
    background-image: url(/static/home/images/mbanner-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 32px 0 32px 12px
}

#m-nasdaq-page .banner h2 {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-shadow: 0 3px 7px rgba(1, 11, 66, .35);
    letter-spacing: 1px
}

#m-nasdaq-page .section-one {
    margin-top: 32px
}

#m-nasdaq-page .section-one h2 {
    margin-bottom: 12px
}

#m-nasdaq-page .section-one p {
    line-height: 16px
}

#m-nasdaq-page .section-one p:first-of-type {
    margin-bottom: 16px
}

#m-nasdaq-page .section-one div {
    margin-top: 32px
}

#m-nasdaq-page .section-one div a {
    width: 180px;
    line-height: 36px;
    text-align: center;
    background-color: #72b341;
    border-radius: 2px;
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fff;
    margin: 0 auto
}

#m-nasdaq-page .section-three, #m-nasdaq-page .section-two {
    margin-top: 32px
}

#m-nasdaq-page .section-three h2 {
    margin-bottom: 16px
}

#m-nasdaq-page .section-three p {
    line-height: 15px
}

#m-nasdaq-page .section-three ul li {
    margin-top: 16px;
    display: flex;
    align-items: center
}

#m-nasdaq-page .section-three ul li div {
    width: 20px;
    margin-right: 12px
}

#m-nasdaq-page .section-four {
    margin-top: 32px;
    margin-bottom: 32px
}

#m-nasdaq-page .section-four h2 {
    margin-bottom: 20px
}

#m-nasdaq-page .section-four p {
    line-height: 15px;
    margin-bottom: 16px
}

#m-nasdaq-page .section-four div a {
    width: 180px;
    line-height: 36px;
    text-align: center;
    background-color: #72b341;
    border-radius: 2px;
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fff;
    margin: 0 auto
}

#m-nasdaq-page .section-five {
    background-image: url(/static/home/images/msection-six-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 32px;
    margin: 0 -12px
}

#m-nasdaq-page .section-five h2 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    margin-bottom: 24px;
    text-align: center
}

#m-nasdaq-page .section-five table {
    border: 1px solid #fff;
    margin: 0 auto
}

#m-nasdaq-page .section-five table tr {
    border-bottom: 1px solid #fff
}

#m-nasdaq-page .section-five table td, #m-nasdaq-page .section-five table th {
    padding: 12px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: left;
    font-weight: 400
}

#m-nasdaq-page .section-six {
    margin-top: 32px;
    box-shadow: 0 1px 7px 0 rgba(0, 87, 211, .18);
    padding: 20px 0 20px 8px
}

#m-nasdaq-page .section-six h2 {
    margin-bottom: 16px
}

#m-nasdaq-page .section-six > p {
    line-height: 15px;
    margin-bottom: 12px
}

#m-nasdaq-page .section-six ul {
    overflow: hidden
}

#m-nasdaq-page .section-six ul li {
    display: flex;
    align-items: center;
    width: 120%;
    margin-bottom: 12px
}

#m-nasdaq-page .section-six ul li p {
    flex: 1;
    line-height: 12px;
    white-space: nowrap
}

#m-nasdaq-page .section-six ul li span {
    display: block;
    border-radius: 9999px;
    width: 5px;
    height: 5px;
    background-color: #007fbe;
    margin-right: 6px
}

#m-nasdaq-page .section-seven {
    margin-top: 32px
}

#m-nasdaq-page .section-seven h2 {
    margin-bottom: 16px
}

#m-nasdaq-page .section-seven .link-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#m-nasdaq-page .section-seven .link-btns a {
    width: 156px;
    line-height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 87, 211, .29);
    border-radius: 2px;
    border: 1px solid #1a84ef;
    font-size: 12px;
    color: #2e2e2e;
    text-align: center;
    margin-bottom: 30px
}

#m-nasdaq-page .section-seven .link-btns a:nth-of-type(odd) {
    margin-right: 28px
}

#m-nasdaq-page .section-seven .bottom {
    background-image: url(/static/home/images/mfooter-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 28px 0 16px
}

#m-nasdaq-page .section-seven .bottom p {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

#m-nasdaq-page .section-seven .bottom div a {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    width: 175px;
    line-height: 36px;
    border-radius: 2px;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 auto;
    display: block
}

#m-nasdaq-page table thead, #m-nasdaq-page tbody, #m-nasdaq-page tfoot, #m-nasdaq-page tr {
    background-color: transparent
}

#ftse-100 .btns {
    background: #2882c0;
    margin-right: 20%
}

#ftse-100 .btns, #ftse-100 .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#ftse-100 .btns1 {
    background: #82bb41
}

#nikkei-225 .btns {
    background: #2882c0;
    margin-right: 20%
}

#nikkei-225 .btns, #nikkei-225 .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#nikkei-225 .btns1 {
    background: #82bb41
}

#cac-40 .btns {
    background: #2882c0;
    margin-right: 20%
}

#cac-40 .btns, #cac-40 .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#cac-40 .btns1 {
    background: #82bb41
}

#hang-seng-index .btns {
    background: #2882c0;
    margin-right: 20%
}

#hang-seng-index .btns, #hang-seng-index .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#hang-seng-index .btns1 {
    background: #82bb41
}

#cfd .btns {
    background: #2882c0;
    margin-right: 20%
}

#cfd .btns, #cfd .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#cfd .btns1 {
    background: #82bb41
}

#etf .btns {
    background: #2882c0;
    margin-right: 20%
}

#etf .btns, #etf .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#etf .btns1 {
    background: #82bb41
}

#cfd-products .btns {
    background: #2882c0
}

#cfd-products .btns, #cfd-products .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 250px;
    height: 60px
}

#cfd-products .btns1 {
    background: #82bb41
}

#cfd-advantag .btns {
    background: #2882c0
}

#cfd-advantag .btns, #cfd-advantag .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 250px;
    height: 60px
}

#cfd-advantag .btns1 {
    background: #82bb41
}

#cfd-feature .btns {
    background: #2882c0
}

#cfd-feature .btns, #cfd-feature .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 250px;
    height: 60px
}

#cfd-feature .btns1 {
    background: #82bb41
}

#cfd-history .btns {
    background: #2882c0
}

#cfd-history .btns, #cfd-history .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 250px;
    height: 60px
}

#cfd-history .btns1 {
    background: #82bb41
}

#trading-conditions .hide {
    display: none
}

#conditions-list .dcm {
    width: 100%
}

#conditions-list .change_lines {
    width: 100%;
    height: auto;
    padding: 0
}

#conditions-list .change_lines > li {
    list-style: none;
    width: 100%
}

#conditions-list .change_lines > li > p {
    width: 100%;
    background-color: #2e85bc;
    font-weight: 500;
    list-style: none;
    padding: 8px 5px;
    font-size: 16px;
    border-radius: 8px;
    margin: 5px;
    text-decoration: none;
    color: #fff
}

#conditions-list .open1 > li {
    line-height: 25px;
    list-style: none
}

#conditions-list p.same {
    color: #fff
}

#conditions-list .change_lines > li > p:hover {
    color: #cee5ed
}

#conditions-list .change_lines_content {
    width: 100%;
    text-align: center
}

#conditions-list .lines_contents {
    display: none;
    width: 100%;
    height: auto;
    background: #cee5ed;
    padding: 3px 5px;
    border-radius: 5px
}

#conditions-list #singleShare > li > p {
    font-size: 16px;
    margin: 5px;
    color: #2e85bc
}

#conditions-list #singleShare > li > p:hover {
    color: #2ea4c7;
    cursor: pointer
}

#conditions-list #standad > li > p {
    font-size: 16px;
    margin: 5px;
    color: #2e85bc
}

#conditions-list #standad > li > p:hover {
    color: #2ea4c7;
    cursor: pointer
}

#conditions-list #floate > li > p {
    font-size: 16px;
    margin: 5px;
    color: #2e85bc
}

#conditions-list #floate > li > p:hover {
    color: #2ea4c7;
    cursor: pointer
}

#conditions-list .mianze {
    padding: 20px;
    background: #f0eeee
}

#conditions-list .mianze p {
    font-size: 16px;
    line-height: 35px
}

#conditions-list .btns {
    background: #2882c0;
    margin-right: 20%
}

#conditions-list .btns, #conditions-list .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#conditions-list .btns1 {
    background: #82bb41
}

#holiday-trading-hours .btns {
    background: #2882c0;
    margin-right: 20%
}

#holiday-trading-hours .btns, #holiday-trading-hours .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#holiday-trading-hours .btns1 {
    background: #82bb41
}

#range-of-markets-page .text-white {
    color: #fff
}

#range-of-markets-page .product-bg svg {
    fill: #eb9c32
}

#range-of-markets-page .product-bg:hover {
    box-shadow: 0 1px 19px 1px rgba(30, 141, 246, .14);
    border-color: transparent;
    background-image: url(/static/home/fonts/list-icon.png)
}

#range-of-markets-page .video-player-style {
    -o-object-fit: cover;
    object-fit: cover
}

#trading-platform a img {
    border: none
}

#trading-platform article, #trading-platform details, #trading-platform figure, #trading-platform footer, #trading-platform header, #trading-platform main, #trading-platform menu, #trading-platform nav, #trading-platform section, #trading-platform summary {
    display: block
}

#trading-platform body, #trading-platform html {
    position: relative;
    width: 100%
}

#trading-platform body {
    background: #fff;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0
}

#trading-platform a {
    color: #333;
    text-decoration: none
}

#trading-platform .ava18inner-wrap {
    width: 936px
}

#trading-platform .ava18inner-wrap .ava18001-desc {
    border: 1px solid #ebf0f2;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 40px
}

#trading-platform .ava18inner-wrap .ava18001-ul > .ava18001-ul-item {
    width: 400px;
    height: 200px;
    border: 1px solid #ebf0f2;
    box-sizing: border-box;
    float: left;
    margin-right: 136px;
    margin-bottom: 40px;
    position: relative
}

#trading-platform .ava18001-register-section {
    clear: both
}

#trading-platform .ava18inner-wrap .ava18001-ul > .ava18001-ul-item.clear-margin-right {
    margin-right: 0
}

#trading-platform .ava18001-icon {
    width: 200px;
    height: 100%;
    background-color: #91d7e1;
    float: left
}

#trading-platform .ava18001-list {
    float: left;
    padding-top: 35px;
    font-size: 14px;
    color: #888
}

#trading-platform .ava18001-list .ava18001-list-ul {
    padding-left: 20px;
    list-style: square;
    margin-top: -25px
}

#trading-platform .ava18001-list .ava18001-list-ul div {
    margin-bottom: 12px
}

#trading-platform .ava18001-icon img {
    width: 74px;
    height: 74px;
    margin-left: -20px
}

#trading-platform .ava18001-icon strong {
    color: #fff;
    font-size: 20px;
    display: block;
    margin-left: 28px;
    margin-top: 21px;
    margin-bottom: 25px
}

#trading-platform .ava18001-ul-item02 .ava18001-icon {
    background-color: #7dc3ff
}

#trading-platform .ava18001-ul-item03 .ava18001-icon {
    background-color: #f9c855
}

#trading-platform .ava18001-ul-item04 .ava18001-icon {
    background-color: #f68caa
}

#trading-platform .ava18001-register-section {
    padding-bottom: 50px;
    float: left;
    width: 100%
}

#trading-platform .ava18001-list-more {
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    color: #888;
    border: 1px solid #888;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    bottom: 10px
}

#trading-platform .ava18001-register-btn1 {
    width: 220px;
    float: left;
    margin-right: 70px;
    margin-left: 200px;
    text-align: center
}

#trading-platform .ava18001-register-btn1 p, #trading-platform .ava18001-register-btn2 p {
    font-size: 14px;
    margin-bottom: 26px;
    color: #343434
}

#trading-platform .ava18001-register-btn2 {
    width: 220px;
    float: left;
    text-align: center
}

#trading-platform .ava18001-register-btn1 a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #82bb41;
    border: 1px solid #82bb41;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px
}

#trading-platform .ava18001-register-btn1 a:hover {
    color: #fff;
    background-color: #82bb41
}

#trading-platform .ava18001-register-btn2 a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 1px solid #82bb41;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
    background-color: #82bb41
}

#trading-platform .ava18001-register-btn2 a:hover {
    color: #fff;
    background-color: #82bb41
}

#trading-platform .ava18inner-wrap .ava18001-ul > .ava18001-ul-item.ava18001-pt-ul-item03 {
    width: 100%
}

#trading-platform .ava18001-pt-list {
    margin-left: 50px
}

#trading-platform .ava18001-pt-list .ava18001-pt-list-li {
    width: 105px;
    height: 127px;
    float: left;
    margin-right: 140px;
    text-align: center
}

#trading-platform .ava18001-pt-list .ava18001-pt-list-li:last-child {
    margin-right: 0
}

#trading-platform .ava18001-pt-list-top {
    position: relative;
    border: 1px solid #30a2ea;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    line-height: 84px;
    color: #0093d9;
    z-index: 1
}

#trading-platform .ava18001-pt-list-top:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 50px;
    bottom: -1px;
    left: 0;
    background-color: #fff
}

#trading-platform .ava18001-pt-list a {
    position: relative;
    z-index: 2;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    color: #888;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 0 auto
}

#trading-platform .ava18inner-wrap.ava18001-mobile {
    width: 100%
}

#trading-platform .ava18001-mobile .ava18001-desc {
    width: 100%;
    display: none
}

#trading-platform .ava18001-mobile .ava18001-ul > .ava18001-ul-item {
    width: 100%;
    margin-right: 0
}

#trading-platform .ava18001-mobile .ava18001-icon {
    width: 40%
}

#trading-platform .ava18001-mobile .ava18001-list {
    width: 60%;
    padding-top: 10px
}

#trading-platform .ava18001-mobile .ava18001-register-btn1, #trading-platform .ava18001-mobile .ava18001-register-btn2 {
    width: 80%;
    float: none;
    margin: 0 auto 30px
}

#trading-platform .ava18001-mobile .ava18001-register-btn1 p, #trading-platform .ava18001-mobile .ava18001-register-btn2 p {
    margin-bottom: 10px
}

#trading-platform .ava18001-mobile .ava18001-pt-ul-item03 .ava18001-icon {
    width: 100%
}

#trading-platform .ava18001-mobile .ava18001-pt-ul-item03 {
    height: auto !important
}

#trading-platform .ava18001-mobile .ava18001-pt-list .ava18001-pt-list-li {
    width: 33%;
    margin: 0
}

#trading-platform .ava18001-mobile .ava18001-pt-list {
    margin: 0;
    width: 100%;
    float: left;
    padding-left: 0 !important;
    padding: 20px 0
}

#trading-platform .ava18001-mobile .ava18001-pt-ul-item03 .ava18001-list {
    width: 100%;
    float: none;
    padding-bottom: 20px
}

#trading-platform .ava18001-mobile .ava18001-pt-list-top {
    margin: 0 auto
}

#trading-platform .ava18001-mobile .ava18001-icon strong {
    color: #fff;
    font-size: 20px;
    display: block;
    margin-left: 0;
    margin-top: 21px;
    margin-bottom: 25px;
    text-align: center
}

#trading-platform .ava18001-mobile .ava18001-icon img {
    width: 74px;
    height: 74px;
    margin: 0 auto;
    display: block
}

#trading-platform .ava18001-mobile .ava18001-pt-ul-item03 .ava18001-icon {
    height: 200px
}

#nasdaq-page .text-white {
    color: #fff
}

#nasdaq-page .pic-shadow {
    box-shadow: 0 1px 10px 0 rgba(26, 83, 214, .29)
}

#nasdaq-page .section-six {
    background-image: url(/static/home/images/section-six-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#nasdaq-page .section-six table tbody, #nasdaq-page .section-six table thead, #nasdaq-page .section-six table tr {
    background: none;
    color: #fff;
    text-align: left
}

#nasdaq-page .section-six table tr {
    border-bottom: 1px solid #fff
}

#nasdaq-page .section-six table tr td, #nasdaq-page .section-six table tr th {
    padding: 12px
}

#nasdaq-page .indices-btns {
    width: 210px;
    line-height: 44px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #3b82f2;
    font-size: 16px;
    letter-spacing: 1px;
    color: #2e2e2e;
    text-align: center;
    transition: color .5s ease-in-out;
    z-index: 1;
    position: relative;
    overflow: hidden
}

#nasdaq-page .indices-btns:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -127%;
    top: -5px;
    background-color: #3b82f2;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#nasdaq-page .indices-btns:hover {
    color: #fff;
    box-shadow: 0 1px 10px 0 rgba(26, 83, 214, .29)
}

#nasdaq-page .indices-btns:hover:before {
    left: -10%
}

#nasdaq-page .animate-btn-nasdaq {
    border-radius: 4px;
    border: 2px solid #fff;
    letter-spacing: 1px;
    text-align: center;
    transition: color .5s ease-in-out;
    z-index: 1;
    color: #fff;
    position: relative;
    overflow: hidden
}

#nasdaq-page .animate-btn-nasdaq:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -127%;
    top: -5px;
    background-color: #fff;
    bottom: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out
}

#nasdaq-page .animate-btn-nasdaq:hover {
    color: #2587c2;
    box-shadow: 0 1px 10px 0 rgba(26, 83, 214, .29)
}

#nasdaq-page .animate-btn-nasdaq:hover:before {
    left: -10%
}

#nasdaq-page .bottom-bg {
    background-image: url(/static/home/images/footer-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#commodities-content-page * {
    font-family: system-ui
}

#commodities-content-page .list-shadow:hover {
    background-color: #fff;
    box-shadow: 0 1px 9px 1px rgba(128, 179, 251, .31);
    border-radius: 4px;
    border-color: #fff
}

#commodities-content-page .type-section-shadow {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
}

#commodities-content-page .real-btn {
    transition: .5s ease-in-out;
    color: #fff;
    position: relative;
    border: 1px solid #78b539;
    width: 260px;
    line-height: 56px;
    border-radius: 4px;
    z-index: 10
}

#commodities-content-page .real-btn:before {
    position: absolute;
    top: -5px;
    bottom: -5px;
    z-index: -1;
    width: 115%;
    left: -7%;
    transform: skewX(-26deg);
    transition: left .5s ease-in-out;
    content: "";
    background-color: #78b539
}

#commodities-content-page .real-btn:hover {
    color: #78b539
}

#commodities-content-page .real-btn:hover:before {
    left: 108%
}

#commodities-content-page .demo-btn {
    color: #3874b7
}

#commodities-content-page .demo-btn:hover {
    color: #2559a2
}

#commodities-content-page .selected .table-box ul {
    display: block
}

#commodities-content-page .selected .table-box ul.table-list li {
    display: none
}

#commodities-content-page .selected .table-box ul.table-list li.content-active {
    display: block
}

#commodities-content-page .selected .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    table-layout: fixed
}

#commodities-content-page .selected .table-box ul li table thead {
    background-color: #203c6b
}

#commodities-content-page .selected .table-box th {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-align: left;
    padding: 8px 0;
    height: 44px;
    white-space: nowrap
}

#commodities-content-page .selected .table-box th:first-of-type, #commodities-content-page .selected .table-box tr td:first-of-type {
    padding-left: 144px;
    width: 204px
}

#commodities-content-page .selected .table-box tr td:nth-of-type(2), #commodities-content-page .selected .table-box tr th:nth-of-type(2) {
    padding-left: 192px;
    width: 248px
}

#commodities-content-page .selected .table-box tr td:nth-of-type(3), #commodities-content-page .selected .table-box tr th:nth-of-type(3) {
    padding-left: 156px;
    width: 258px
}

#commodities-content-page .selected .table-box tr td:nth-of-type(4), #commodities-content-page .selected .table-box tr th:nth-of-type(4) {
    padding-left: 128px
}

#commodities-content-page .selected .table-box td {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    height: 44px;
    letter-spacing: 0;
    color: #2e2e2e;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    white-space: nowrap
}

#commodities-content-page .selected .table-box td a {
    color: #2882c0;
    text-decoration: underline
}

#commodities-content-page .selected .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 16px 152px 16px 144px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-top: 20px;
    margin-bottom: 60px
}

#commodities-content-page .selected .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#commodities-content-page .selected .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#commodities-content-page .selected .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#commodities-content-page .selected .table-btns ul li.tab-active {
    color: #2882c0
}

#commodities-content-page .selected .table-btns .left-arrow-box {
    color: #999
}

#commodities-content-page .selected .table-btns .left-arrow {
    margin-right: 8px
}

#commodities-content-page .selected .table-btns .right-arrow {
    margin-left: 8px
}

#m-commodities-content-page {
    padding: 0 12px
}

#m-commodities-content-page .text-white {
    color: #fff
}

#m-commodities-content-page .text-12px {
    font-size: 12px
}

#m-commodities-content-page .text-blue-387 {
    color: #3874b7 !important
}

#m-commodities-content-page .type-section-shadow {
    box-shadow: 0 0 5px 0 rgba(40, 130, 192, .35)
}

#m-commodities-content-page .selected .table-box ul {
    display: block
}

#m-commodities-content-page .selected .table-box ul.table-list li {
    display: none
}

#m-commodities-content-page .selected .table-box ul.table-list li.content-active {
    display: block
}

#m-commodities-content-page .selected .table-box ul li table {
    box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35);
    width: 100%
}

#m-commodities-content-page .selected .table-box ul li table thead {
    background-color: #203c6b
}

#m-commodities-content-page .selected .table-box th {
    font-weight: 700;
    color: #fff
}

#m-commodities-content-page .selected .table-box td, #m-commodities-content-page .selected .table-box th {
    font-size: 14px;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    padding: 8px 0 8px 12px
}

#m-commodities-content-page .selected .table-box td {
    font-weight: 400;
    height: 40px;
    color: #2e2e2e;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

#m-commodities-content-page .selected .table-box td a {
    color: #2882c0;
    text-decoration: underline
}

#m-commodities-content-page .selected .table-btns {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    box-shadow: 0 0 8px 0 rgba(40, 130, 192, .35);
    margin-top: 20px;
    margin-bottom: 20px
}

#m-commodities-content-page .selected .table-btns > div {
    display: flex;
    align-items: center;
    cursor: pointer
}

#m-commodities-content-page .selected .table-btns ul {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#m-commodities-content-page .selected .table-btns ul li {
    padding: 0 12px;
    margin-bottom: 0;
    cursor: pointer
}

#m-commodities-content-page .selected .table-btns ul li.tab-active {
    color: #2882c0
}

#m-commodities-content-page .selected .table-btns .left-arrow-box {
    color: #999
}

#m-commodities-content-page .selected .table-btns .left-arrow {
    margin-right: 8px
}

#m-commodities-content-page .selected .table-btns .right-arrow {
    margin-left: 8px
}

#ava_advantages_regulation_page .btns {
    background: #2882c0;
    margin-right: 20%
}

#ava_advantages_regulation_page .btns, #ava_advantages_regulation_page .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#ava_advantages_regulation_page .btns1 {
    background: #82bb41
}

#ava-advantages-depositwithdraw .btns {
    background: #2882c0;
    margin-right: 20%
}

#ava-advantages-depositwithdraw .btns, #ava-advantages-depositwithdraw .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#ava-advantages-depositwithdraw .btns1 {
    background: #82bb41
}

#ava_advantages_Avaadvantage_page .wa {
    display: flex;
    justify-content: space-around;
    float: left
}

#ava_advantages_Avaadvantage_page .wb {
    width: 8rem;
    height: 8rem;
    line-height: 1rem;
    border-radius: 50%;
    padding: 1rem;
    border: .15rem solid #45a4b3;
    text-align: center
}

#avaadvantage .black-line {
    width: 8px;
    height: 2px
}

#avaadvantage .tracking-1px {
    letter-spacing: 1px
}

#avaadvantage .real_button_ava {
    width: 200px;
    line-height: 44px;
    background-color: #4dc22e;
    border-radius: 4px;
    letter-spacing: 3px
}

#avaadvantage .content-box {
    padding-right: 8px;
    width: 48%
}

#avaadvantage .border-eee {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #eee;
    border-left: none
}

#avaadvantage .img-box {
    border-right: 2px solid #eee
}

#avaadvantage .t00 {
    color: #007fc3
}

#avaadvantage .mb-30 {
    margin-bottom: 30px
}

#avaadvantage .video-play-btn-box:hover .play-button-bg {
    transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    fill: red
}

#avaadvantage .line-28 {
    line-height: 28px
}

#avaadvantage .bg-text {
    padding: 57px 30px;
    background-image: url(/static/home/images/pc-bg-1.png);
    background-size: 100% 100%
}

#avaadvantage .bg-text p {
    text-shadow: -1px 5px 15px #000
}

#avaadvantage .blue-box {
    background-color: #fff;
    border: 1px solid #2882c0
}

#avaadvantage .blue-bg {
    background-image: url(/static/home/images/pc-bg-icons.png);
    background-size: 100% 100%
}

#avaadvantage .footer-bg {
    padding: 42px 72px 42px 31px;
    background-image: url(/static/home/images/pc-footer-bg.png);
    background-size: 100% 100%
}

#avaadvantage a.content-animate-btn {
    padding: 16px 0;
    line-height: 57px;
    font-size: 20px;
    line-height: 14px;
    text-decoration: none;
    width: 260px;
    height: 57px;
    padding: 12px 0;
    letter-spacing: 1px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #78b539 !important;
    color: #fff
}

#avaadvantage a.content-animate-btn:before {
    content: "";
    position: absolute;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #78b539;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    z-index: -1
}

#avaadvantage a.content-animate-btn:hover {
    transition: color .5s ease-in-out;
    color: #78b539 !important
}

#avaadvantage a.content-animate-btn:hover:before {
    left: 127%
}

#segregation p span {
    display: inline-block;
    line-height: 30px
}

#segregation .btns {
    background: #2882c0;
    margin-right: 20%
}

#segregation .btns, #segregation .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#segregation .btns1 {
    background: #82bb41
}

#jian {
    width: 100%
}

#jian h3 {
    color: #1b1b1b;
    font-size: 14px
}

#jian ul {
    display: inline-block;
    padding-left: 0;
    margin-top: 30px;
    margin-left: 18px
}

#jian ul li:first-of-type {
    display: none;
    text-align: center;
    list-style: none
}

#jian ul li:nth-of-type(2) {
    width: 100%;
    margin-left: 0;
    list-style: disc
}

#jian ul li h4 {
    font-size: 14px;
    color: #1b477f;
    font-weight: 700
}

#jian ul li p {
    font-size: 14px;
    color: #1d1b17
}

#jian2 {
    width: 936px
}

#jian2 > h3 {
    color: #2584c1;
    font-size: 18px;
    text-align: center;
    margin: 20px auto
}

#jian2 > h4 {
    margin: 0 auto;
    font-size: 16px;
    width: 800px
}

#jian2 .zijin {
    width: 80%;
    margin: 0 auto
}

#jian2 .zijin ul {
    float: left
}

#jian2 .zijin ul:first-of-type {
    margin-top: 0;
    margin-left: 30px
}

#jian2 .zijin ul:nth-of-type(2) {
    margin-top: 50px
}

#jian2 .zijin > img {
    float: left;
    margin-left: 35px;
    margin-right: 35px
}

#jian2 .zijin ul li {
    list-style: none;
    margin-top: 30px
}

#pc-avaprotect .banner-btn {
    width: 260px;
    line-height: 56px;
    background-color: #82b841;
    border-radius: 4px
}

#pc-avaprotect .banner-btn:hover, #pc-avaprotect .real-btn:hover {
    background-color: #93c944
}

#pc-avaprotect .demo-btn:hover {
    color: #2685c5
}

#pc-avaprotect .real-btn {
    width: 260px;
    line-height: 56px;
    background-color: #87bb37;
    border-radius: 4px
}

#pc-avaprotect .qa-title {
    background-color: #108ef9;
    position: relative;
    padding: 10px 25px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    display: inline-block;
    font-size: 1.25rem
}

#pc-avaprotect .qa-title:before {
    position: absolute;
    content: "";
    background-image: url(/static/home/images/pc-before.jpg);
    width: 60px;
    height: 20px;
    bottom: -20px;
    left: 26px
}

#pc-avasocial * {
    font-family: system-ui
}

#pc-avasocial .video-cover {
    background-image: url(/static/home/images/pc-video-fm.png);
    background-size: 100% 100%;
    background-position: 50%
}

#pc-avasocial .phone-fade-in {
    position: relative;
    left: -50px;
    opacity: 0
}

#pc-avasocial .phone-fade-ins {
    position: relative;
    right: -50px;
    opacity: 0
}

#m-avasocial .mrealbtn, #m-avasocial .mvideobtn {
    letter-spacing: 1px;
    width: 200px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff;
    background-color: #82b841
}

#m-avasocial .mrealbtn:hover, #m-avasocial .mvideobtn:hover {
    background-color: #93c944
}

#m-avasocial .mdemobtn {
    color: #5b5b5b
}

#m-avasocial .mdemobtn:hover {
    color: #2583c2
}

#m-avasocial .w-60b {
    width: 67%
}

#m-avasocial .w-2b {
    width: 2%
}

#m-avasocial .mt-7px {
    margin-top: 7px
}

#m-avasocial .mt-10px {
    margin-top: 10px
}

#m-avasocial .video-cover {
    background-image: url(/static/home/images/pc-video-fm.png);
    background-size: 100% 100%;
    background-position: 50%
}

#education-trading-for-beginners-paper-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-paper-trading .btns, #education-trading-for-beginners-paper-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-paper-trading .btns1 {
    background: #82bb41
}

#education-trading-for-beginners-pip .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-pip .btns, #education-trading-for-beginners-pip .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-pip .btns1 {
    background: #82bb41
}

#education-trading-for-beginners-platforms-comparison .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-platforms-comparison .btns, #education-trading-for-beginners-platforms-comparison .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-platforms-comparison .btns1 {
    background: #82bb41
}

#education-trading-for-beginners-copy-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-copy-trading .btns, #education-trading-for-beginners-copy-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-copy-trading .btns1 {
    background: #82bb41
}

#education-trading-for-beginners-short-selling .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-short-selling .btns, #education-trading-for-beginners-short-selling .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-short-selling .btns1 {
    background: #82bb41
}

#education-trading-for-beginners-currency-trading .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners-currency-trading .btns, #education-trading-for-beginners-currency-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners-currency-trading .btns1 {
    background: #82bb41
}

#how-to-trade-strock .btns {
    background: #2882c0;
    margin-right: 20%
}

#how-to-trade-strock .btns, #how-to-trade-strock .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#how-to-trade-strock .btns1 {
    background: #82bb41
}

#guide-to-leverage .btns {
    background: #2882c0;
    margin-right: 20%
}

#guide-to-leverage .btns, #guide-to-leverage .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#guide-to-leverage .btns1 {
    background: #82bb41
}

#trading-strategies .btns {
    background: #2882c0;
    margin-right: 20%
}

#trading-strategies .btns, #trading-strategies .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#trading-strategies .btns1 {
    background: #82bb41
}

#trading-plan .btns {
    background: #2882c0;
    margin-right: 20%
}

#trading-plan .btns, #trading-plan .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#trading-plan .btns1 {
    background: #82bb41
}

#technial-analysis .btns {
    background: #2882c0;
    margin-right: 20%
}

#technial-analysis .btns, #technial-analysis .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#technial-analysis .btns1 {
    background: #82bb41
}

#cfd-trading .btns {
    background: #2882c0
}

#cfd-trading .btns, #cfd-trading .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 250px;
    height: 60px
}

#cfd-trading .btns1 {
    background: #82bb41
}

#gzqhjy .btns {
    background: #2882c0;
    margin-right: 20%
}

#gzqhjy .btns, #gzqhjy .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#gzqhjy .btns1 {
    background: #82bb41
}

#mnjy .btns {
    background: #2882c0;
    margin-right: 20%
}

#mnjy .btns, #mnjy .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#mnjy .btns1 {
    background: #82bb41
}

.min .ti {
    display: inline-block;
    vertical-align: sub;
    width: 4px;
    height: 18px;
    background: #2361a4;
    margin-right: 10px
}

.min_part1 > div > a, .num > div > a {
    height: 160px;
    display: block;
    background-size: cover;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.min_part1 > div > a:hover .video_bg {
    transform: scale(1.2);
    transition: all 1s
}

.min_part1 > div > a:hover .play_icon {
    opacity: 1
}

.num > div > a:hover .video_bg {
    transform: scale(1.2);
    transition: all 1s
}

.num > div > a:hover .play_icon {
    opacity: 1
}

.min_part1 > div > a span {
    display: none
}

.play_icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    opacity: .8
}

.min_part1 > div > p {
    text-align: center;
    margin: 20px
}

.num {
    overflow: hidden;
    display: none;
    justify-content: space-between
}

.num > div p {
    text-align: center;
    margin: 20px
}

#alert_video {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fill-available;
    background: rgba(0, 0, 0, .5);
    height: 100%
}

#alert_video_min {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px
}

#close_video {
    position: absolute;
    right: -10px;
    top: -30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 30px
}

#media {
    width: 100%
}

.top {
    z-index: 1
}

.foot {
    z-index: -10
}

#register_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fill-available;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    z-index: 10
}

#register_box #register_min {
    width: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -185px;
    border-radius: 5px;
    background: #fff
}

#register_box #register_min #register_close_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

#education-eduresource .box {
    box-shadow: 0 5px 15px #ccc;
    max-width: 100%;
    height: 140px;
    padding: 15px 15px 0;
    margin: 30px auto 0
}

#education-eduresource .img {
    float: left
}

#education-education-academy .min {
    float: left;
    margin-left: 20px;
    width: 270px;
    margin-top: 20px
}

#education-education-academy .min > p {
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap
}

#education-education-academy .min:first-of-type, #education-education-academy .min:nth-of-type(4) {
    margin-left: 0
}

#education-education-academy .typelist {
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    list-style: none;
    cursor: pointer;
    padding-left: 0
}

#education-education-academy .typelist > li {
    margin-left: 0;
    display: inline-block;
    width: 210px;
    height: 30px;
    line-height: 30px;
    float: left;
    cursor: pointer;
    text-align: center;
    background: #999;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px
}

#education-education-academy .trades {
    width: 859px;
    overflow: hidden;
    height: auto
}

#education-education-academy .nav li.cur {
    color: #fff;
    background: #013c93
}

#education-education-academy #con {
    width: 859px
}

#education-education-academy .con {
    display: none
}

#education-trading-for-beginners .btns {
    background: #2882c0;
    margin-right: 20%
}

#education-trading-for-beginners .btns, #education-trading-for-beginners .btns1 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid rgba(240, 231, 231, 0);
    text-align: center;
    width: 300px;
    height: 60px
}

#education-trading-for-beginners .btns1 {
    background: #82bb41
}

#education-trading-for-beginners .box {
    height: auto
}

@media (min-width: 768px) {
    #education-trading-for-beginners .box {
        box-shadow: 0 5px 15px #ccc;
        max-width: 100%;
        height: 140px;
        padding: 15px 15px 0;
        margin: 30px auto 0
    }
}

#order-types .box {
    box-shadow: 0 3px 7px 0 rgba(19, 5, 11, .35)
}

@media (min-width: 768px) {
    #order-types .box {
        box-shadow: 0 5px 31px #ccc;
        max-width: 100%;
        height: 110px;
        padding: 15px 15px 5px 20px;
        margin-top: 10px
    }
}

@media (min-width: 576px) {
    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 768px) {
    .md\:container {
        width: 100%
    }

    @media (min-width: 374px) {
        .md\:container {
            max-width: 374px
        }
    }@media (min-width: 576px) {
    .md\:container {
        max-width: 576px
    }
}@media (min-width: 768px) {
    .md\:container {
        max-width: 768px
    }
}@media (min-width: 992px) {
    .md\:container {
        max-width: 992px
    }
}@media (min-width: 1200px) {
    .md\:container {
        max-width: 1200px
    }
}.md\:bg-grey-faf {
     --bg-opacity: 1;
     background-color: #fafafa;
     background-color: rgba(250, 250, 250, var(--bg-opacity))
 }

    .md\:bg-gray-444 {
        --bg-opacity: 1;
        background-color: #444;
        background-color: rgba(68, 68, 68, var(--bg-opacity))
    }

    .md\:rounded, .md\:rounded-4 {
        border-radius: 4px
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-no-wrap {
        flex-wrap: nowrap
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:font-normal {
        font-weight: 400
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-25 {
        height: 6.25rem
    }

    .md\:h-80 {
        height: 25rem
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-470px {
        height: 470px
    }

    .md\:text-16 {
        font-size: 1rem
    }

    .md\:text-18 {
        font-size: 1.125rem
    }

    .md\:text-20 {
        font-size: 1.25rem
    }

    .md\:text-24 {
        font-size: 1.5rem
    }

    .md\:text-30 {
        font-size: 1.875rem
    }

    .md\:text-36 {
        font-size: 2.25rem
    }

    .md\:text-46 {
        font-size: 2.875rem
    }

    .md\:text-56 {
        font-size: 3.5rem
    }

    .md\:text-xs {
        font-size: .75rem
    }

    .md\:text-sm {
        font-size: .875rem
    }

    .md\:text-xl {
        font-size: 1.25rem
    }

    .md\:text-3xl {
        font-size: 1.875rem
    }

    .md\:text-16px {
        font-size: 16px
    }

    .md\:text-18px {
        font-size: 18px
    }

    .md\:text-20px {
        font-size: 20px
    }

    .md\:text-26px {
        font-size: 26px
    }

    .md\:text-fs-n-14-px {
        font-size: 14px
    }

    .md\:text-fs-n-16-px {
        font-size: 16px
    }

    .md\:text-fs-n-20-px {
        font-size: 20px
    }

    .md\:text-fs-n-24-px {
        font-size: 24px
    }

    .md\:text-fs-n-32-px {
        font-size: 32px
    }

    .md\:leading-none {
        line-height: 1
    }

    .md\:leading-normal {
        line-height: 1.5
    }

    .md\:leading-28px {
        line-height: 28px
    }

    .md\:leading-40px {
        line-height: 40px
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-60px {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .md\:my-40px {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mr-1 {
        margin-right: .25rem
    }

    .md\:ml-1 {
        margin-left: .25rem
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mr-2 {
        margin-right: .5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:ml-3 {
        margin-left: .75rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-7 {
        margin-top: 1.75rem
    }

    .md\:mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:ml-7 {
        margin-left: 1.75rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mr-12 {
        margin-right: 3rem
    }

    .md\:mb-13 {
        margin-bottom: 3.25rem
    }

    .md\:mt-15 {
        margin-top: 3.75rem
    }

    .md\:mb-15 {
        margin-bottom: 3.75rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mr-16 {
        margin-right: 4rem
    }

    .md\:ml-20 {
        margin-left: 5rem
    }

    .md\:mt-10px {
        margin-top: 10px
    }

    .md\:mb-35px {
        margin-bottom: 35px
    }

    .md\:mt-38px {
        margin-top: 38px
    }

    .md\:mb-60px {
        margin-bottom: 60px
    }

    .md\:mt-18px {
        margin-top: 18px
    }

    .md\:mb-18px {
        margin-bottom: 18px
    }

    .md\:mt-20px {
        margin-top: 20px
    }

    .md\:mb-20px {
        margin-bottom: 20px
    }

    .md\:mt-24px {
        margin-top: 24px
    }

    .md\:mb-32px {
        margin-bottom: 32px
    }

    .md\:mt-40px {
        margin-top: 40px
    }

    .md\:mb-40px {
        margin-bottom: 40px
    }

    .md\:mt-mg-n-16-px {
        margin-top: 16px
    }

    .md\:mb-mg-n-16-px {
        margin-bottom: 16px
    }

    .md\:mb-mg-n-20-px {
        margin-bottom: 20px
    }

    .md\:mt-mg-n-24-px {
        margin-top: 24px
    }

    .md\:mb-mg-n-40-px {
        margin-bottom: 40px
    }

    .md\:mt-mg-n-48-px {
        margin-top: 48px
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:py-93px {
        padding-top: 93px;
        padding-bottom: 93px
    }

    .md\:py-20px {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .md\:py-24px {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .md\:px-pd-n-12-px {
        padding-left: 12px;
        padding-right: 12px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pl-2 {
        padding-left: .5rem
    }

    .md\:pb-3 {
        padding-bottom: .75rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

    .md\:pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pt-7 {
        padding-top: 1.75rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pr-20 {
        padding-right: 5rem
    }

    .md\:pt-32 {
        padding-top: 8rem
    }

    .md\:pr-50 {
        padding-right: 15rem
    }

    .md\:pt-10px {
        padding-top: 10px
    }

    .md\:pt-30px {
        padding-top: 30px
    }

    .md\:pt-35px {
        padding-top: 35px
    }

    .md\:pb-100px {
        padding-bottom: 100px
    }

    .md\:pb-50px {
        padding-bottom: 3.125rem
    }

    .md\:pl-52px {
        padding-left: 52px
    }

    .md\:pt-64px {
        padding-top: 64px
    }

    .md\:pb-20px {
        padding-bottom: 20px
    }

    .md\:pl-pd-n-24-px {
        padding-left: 24px
    }

    .md\:pl-pd-n-44-px {
        padding-left: 44px
    }

    .md\:pb-pd-n-60-px {
        padding-bottom: 60px
    }

    .md\:pb-pd-n-72-px {
        padding-bottom: 72px
    }

    .md\:shadow-none {
        box-shadow: none
    }

    .md\:shadow-blue-one {
        box-shadow: 0 0 10px 1px rgba(40, 130, 192, .35)
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-grey-5b5 {
        --text-opacity: 1;
        color: #5b5b5b;
        color: rgba(91, 91, 91, var(--text-opacity))
    }

    .md\:tracking-normal {
        letter-spacing: 0
    }

    .md\:tracking-3px {
        letter-spacing: 3px
    }

    .md\:w-25 {
        width: 6.25rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.33333%
    }

    .md\:w-2\/3 {
        width: 66.66667%
    }

    .md\:w-1\/6 {
        width: 16.66667%
    }

    .md\:w-5\/6 {
        width: 83.33333%
    }

    .md\:w-420px {
        width: 420px
    }

    .md\:w-30b {
        width: 30%
    }

    .md\:w-44b {
        width: 44%
    }

    .md\:w-48b {
        width: 48%
    }

    .md\:w-57b {
        width: 57%
    }

    .md\:w-88b {
        width: 88%
    }

    .md\:w-936px {
        width: 936px
    }

    .md\:w-wd-n-368-px {
        width: 368px
    }

    .md\:w-wd-n-50-b {
        width: 50%
    }

    .md\:blocks {
        display: block
    }

    .md\:lp-pc-stock-banner-bg {
        background-image: url(/static/home/images/bg-banenr.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .md\:lp_regulated-broker_page_banner {
        background-image: url(/static/home/images/pc-bannerbg.png);
        background-size: 100% 100%
    }

    .md\:lp-mt5-landing-page {
        background-image: url(/static/home/images/bg-banner.jpg);
        background-size: 100% 100%
    }
}

@media (min-width: 992px) {
    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }
}

@media (min-width: 1200px) {
    .xl\:bg-white {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }

    .xl\:bg-blue-005 {
        --bg-opacity: 1;
        background-color: #005aca;
        background-color: rgba(0, 90, 202, var(--bg-opacity))
    }

    .xl\:bg-white-f5f {
        --bg-opacity: 1;
        background-color: #f4f5f5;
        background-color: rgba(244, 245, 245, var(--bg-opacity))
    }

    .xl\:border-gray-e1e1 {
        --border-opacity: 1;
        border-color: #e1e1e1;
        border-color: rgba(225, 225, 225, var(--border-opacity))
    }

    .xl\:border-gray-808 {
        --border-opacity: 1;
        border-color: grey;
        border-color: rgba(128, 128, 128, var(--border-opacity))
    }

    .xl\:border-blue-004 {
        --border-opacity: 1;
        border-color: #00468e;
        border-color: rgba(0, 70, 142, var(--border-opacity))
    }

    .xl\:border-blue-005 {
        --border-opacity: 1;
        border-color: #005aca;
        border-color: rgba(0, 90, 202, var(--border-opacity))
    }

    .xl\:rounded-6 {
        border-radius: 6px
    }

    .xl\:rounded-20 {
        border-radius: 20px
    }

    .xl\:rounded {
        border-radius: 4px
    }

    .xl\:rounded-full {
        border-radius: 9999px
    }

    .xl\:rounded-10px {
        border-radius: .625rem
    }

    .xl\:border-0 {
        border-width: 0
    }

    .xl\:border-2 {
        border-width: 2px
    }

    .xl\:border-t-2 {
        border-top-width: 2px
    }

    .xl\:border-r-2 {
        border-right-width: 2px
    }

    .xl\:border-b-2 {
        border-bottom-width: 2px
    }

    .xl\:border-l-4 {
        border-left-width: 4px
    }

    .xl\:border-r {
        border-right-width: 1px
    }

    .xl\:border-b {
        border-bottom-width: 1px
    }

    .xl\:block {
        display: block
    }

    .xl\:inline {
        display: inline
    }

    .xl\:flex {
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:hidden {
        display: none
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:items-start {
        align-items: flex-start
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:justify-between {
        justify-content: space-between
    }

    .xl\:justify-around {
        justify-content: space-around
    }

    .xl\:flex-1 {
        flex: 1 1 0%
    }

    .xl\:order-1 {
        order: 1
    }

    .xl\:order-last {
        order: 9999
    }

    .xl\:font-normal {
        font-weight: 400
    }

    .xl\:font-bold {
        font-weight: 700
    }

    .xl\:h-10 {
        height: 2.5rem
    }

    .xl\:h-20 {
        height: 5rem
    }

    .xl\:h-auto {
        height: auto
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:h-60px {
        height: 60px
    }

    .xl\:h-52px {
        height: 52px
    }

    .xl\:h-56px {
        height: 56px
    }

    .xl\:h-68px {
        height: 68px
    }

    .xl\:h-552px {
        height: 552px
    }

    .xl\:h-hg-n-8-px {
        height: 8px
    }

    .xl\:h-hg-n-40-px {
        height: 40px
    }

    .xl\:h-hg-n-120-px {
        height: 120px
    }

    .xl\:h-hg-n-276-px {
        height: 276px
    }

    .xl\:text-14 {
        font-size: .875rem
    }

    .xl\:text-16 {
        font-size: 1rem
    }

    .xl\:text-18 {
        font-size: 1.125rem
    }

    .xl\:text-20 {
        font-size: 1.25rem
    }

    .xl\:text-24 {
        font-size: 1.5rem
    }

    .xl\:text-26 {
        font-size: 1.625rem
    }

    .xl\:text-28 {
        font-size: 1.75rem
    }

    .xl\:text-30 {
        font-size: 1.875rem
    }

    .xl\:text-36 {
        font-size: 2.25rem
    }

    .xl\:text-40 {
        font-size: 2.5rem
    }

    .xl\:text-50 {
        font-size: 3.125rem
    }

    .xl\:text-52 {
        font-size: 52px
    }

    .xl\:text-base {
        font-size: 1rem
    }

    .xl\:text-50px {
        font-size: 3.125rem
    }

    .xl\:text-14px {
        font-size: 14px
    }

    .xl\:text-16px {
        font-size: 16px
    }

    .xl\:text-20px {
        font-size: 20px
    }

    .xl\:text-24px {
        font-size: 24px
    }

    .xl\:text-26px {
        font-size: 26px
    }

    .xl\:text-28px {
        font-size: 28px
    }

    .xl\:text-30px {
        font-size: 30px
    }

    .xl\:text-32px {
        font-size: 33px
    }

    .xl\:text-34px {
        font-size: 34px
    }

    .xl\:text-38px {
        font-size: 38px
    }

    .xl\:text-54px {
        font-size: 54px
    }

    .xl\:text-60px {
        font-size: 60px
    }

    .xl\:text-fs-n-14-px {
        font-size: 14px
    }

    .xl\:text-fs-n-16-px {
        font-size: 16px
    }

    .xl\:text-fs-n-18-px {
        font-size: 18px
    }

    .xl\:text-fs-n-20-px {
        font-size: 20px
    }

    .xl\:text-fs-n-24-px {
        font-size: 24px
    }

    .xl\:text-fs-n-26-px {
        font-size: 26px
    }

    .xl\:text-fs-n-28-px {
        font-size: 28px
    }

    .xl\:text-fs-n-30-px {
        font-size: 30px
    }

    .xl\:text-fs-n-32-px {
        font-size: 32px
    }

    .xl\:text-fs-n-36-px {
        font-size: 36px
    }

    .xl\:text-fs-n-40-px {
        font-size: 40px
    }

    .xl\:text-fs-n-44-px {
        font-size: 44px
    }

    .xl\:text-fs-n-56-px {
        font-size: 56px
    }

    .xl\:leading-1 {
        line-height: 1
    }

    .xl\:leading-175 {
        line-height: 1.75
    }

    .xl\:leading-none {
        line-height: 1
    }

    .xl\:leading-normal {
        line-height: 1.5
    }

    .xl\:leading-loose {
        line-height: 2
    }

    .xl\:leading-1d65 {
        line-height: 1.65
    }

    .xl\:leading-1d75 {
        line-height: 1.75
    }

    .xl\:leading-1d8 {
        line-height: 1.8
    }

    .xl\:leading-1d935 {
        line-height: 1.935
    }

    .xl\:leading-2d1 {
        line-height: 2.1
    }

    .xl\:leading-2d12 {
        line-height: 2.12
    }

    .xl\:leading-2d2 {
        line-height: 2.2
    }

    .xl\:leading-24px {
        line-height: 24px
    }

    .xl\:leading-20px {
        line-height: 20px
    }

    .xl\:leading-26px {
        line-height: 26px
    }

    .xl\:leading-28px {
        line-height: 28px
    }

    .xl\:leading-32px {
        line-height: 32px
    }

    .xl\:leading-40px {
        line-height: 40px
    }

    .xl\:leading-38px {
        line-height: 38px
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .xl\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .xl\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .xl\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .xl\:my-15 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-mg-n-40-px {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:mx-mg-n-48-px {
        margin-left: 48px;
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:mt-1 {
        margin-top: .25rem
    }

    .xl\:mt-2 {
        margin-top: .5rem
    }

    .xl\:mr-2 {
        margin-right: .5rem
    }

    .xl\:mb-2 {
        margin-bottom: .5rem
    }

    .xl\:mr-3 {
        margin-right: .75rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mr-4 {
        margin-right: 1rem
    }

    .xl\:mb-4 {
        margin-bottom: 1rem
    }

    .xl\:mt-5 {
        margin-top: 1.25rem
    }

    .xl\:mr-5 {
        margin-right: 1.25rem
    }

    .xl\:mb-5 {
        margin-bottom: 1.25rem
    }

    .xl\:ml-5 {
        margin-left: 1.25rem
    }

    .xl\:mt-6 {
        margin-top: 1.5rem
    }

    .xl\:mr-6 {
        margin-right: 1.5rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:ml-6 {
        margin-left: 1.5rem
    }

    .xl\:mb-7 {
        margin-bottom: 1.75rem
    }

    .xl\:mt-8 {
        margin-top: 2rem
    }

    .xl\:mb-8 {
        margin-bottom: 2rem
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mt-12 {
        margin-top: 3rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:ml-12 {
        margin-left: 3rem
    }

    .xl\:mb-13 {
        margin-bottom: 3.25rem
    }

    .xl\:mt-15 {
        margin-top: 3.75rem
    }

    .xl\:mr-15 {
        margin-right: 3.75rem
    }

    .xl\:mb-15 {
        margin-bottom: 3.75rem
    }

    .xl\:ml-15 {
        margin-left: 3.75rem
    }

    .xl\:ml-20 {
        margin-left: 5rem
    }

    .xl\:mr-24 {
        margin-right: 6rem
    }

    .xl\:ml-40 {
        margin-left: 10rem
    }

    .xl\:mr-45 {
        margin-right: 11.25rem
    }

    .xl\:mt-auto {
        margin-top: auto
    }

    .xl\:mr-auto {
        margin-right: auto
    }

    .xl\:ml-auto {
        margin-left: auto
    }

    .xl\:-mt-1 {
        margin-top: -.25rem
    }

    .xl\:-mr-1 {
        margin-right: -.25rem
    }

    .xl\:-mb-1 {
        margin-bottom: -.25rem
    }

    .xl\:-ml-1 {
        margin-left: -.25rem
    }

    .xl\:-mb-2 {
        margin-bottom: -.5rem
    }

    .xl\:-mt-3 {
        margin-top: -.75rem
    }

    .xl\:-mb-3 {
        margin-bottom: -.75rem
    }

    .xl\:-ml-3 {
        margin-left: -.75rem
    }

    .xl\:-mt-5 {
        margin-top: -1.25rem
    }

    .xl\:-mt-10 {
        margin-top: -2.5rem
    }

    .xl\:-mb-10 {
        margin-bottom: -2.5rem
    }

    .xl\:-ml-10 {
        margin-left: -2.5rem
    }

    .xl\:-mt-12 {
        margin-top: -3rem
    }

    .xl\:-mt-16 {
        margin-top: -4rem
    }

    .xl\:-mb-16 {
        margin-bottom: -4rem
    }

    .xl\:-mb-20 {
        margin-bottom: -5rem
    }

    .xl\:-ml-32 {
        margin-left: -8rem
    }

    .xl\:mt-8px {
        margin-top: 8px
    }

    .xl\:mb-8px {
        margin-bottom: 8px
    }

    .xl\:mt-36px {
        margin-top: 36px
    }

    .xl\:mb-36px {
        margin-bottom: 36px
    }

    .xl\:mt-52px {
        margin-top: 52px
    }

    .xl\:mb-52px {
        margin-bottom: 52px
    }

    .xl\:mt-60px {
        margin-top: 60px
    }

    .xl\:mb-60px {
        margin-bottom: 60px
    }

    .xl\:mb-12px {
        margin-bottom: 12px
    }

    .xl\:mb-16px {
        margin-bottom: 16px
    }

    .xl\:mb-24px {
        margin-bottom: 24px
    }

    .xl\:mt-28px {
        margin-top: 28px
    }

    .xl\:mb-28px {
        margin-bottom: 28px
    }

    .xl\:mt-32px {
        margin-top: 32px
    }

    .xl\:mt-40px {
        margin-top: 40px
    }

    .xl\:mb-40px {
        margin-bottom: 40px
    }

    .xl\:mb-44px {
        margin-bottom: 44px
    }

    .xl\:mt-56px {
        margin-top: 56px
    }

    .xl\:mr-56px {
        margin-right: 56px
    }

    .xl\:mr-68px {
        margin-right: 68px
    }

    .xl\:mt-76px {
        margin-top: 76px
    }

    .xl\:mb-76px {
        margin-bottom: 76px
    }

    .xl\:ml-108px {
        margin-left: 108px
    }

    .xl\:ml-180px {
        margin-left: 180px
    }

    .xl\:mb-336px {
        margin-bottom: 336px
    }

    .xl\:ml-mg-n-f12-px {
        margin-left: -12px
    }

    .xl\:mt-mg-n-f4-px {
        margin-top: -4px
    }

    .xl\:ml-mg-n-f4-px {
        margin-left: -4px
    }

    .xl\:mt-mg-n-4-px {
        margin-top: 4px
    }

    .xl\:mb-mg-n-4-px {
        margin-bottom: 4px
    }

    .xl\:ml-mg-n-4-px {
        margin-left: 4px
    }

    .xl\:mt-mg-n-8-px {
        margin-top: 8px
    }

    .xl\:mr-mg-n-8-px {
        margin-right: 8px
    }

    .xl\:mb-mg-n-8-px {
        margin-bottom: 8px
    }

    .xl\:ml-mg-n-8-px {
        margin-left: 8px
    }

    .xl\:mt-mg-n-12-px {
        margin-top: 12px
    }

    .xl\:mr-mg-n-12-px {
        margin-right: 12px
    }

    .xl\:mb-mg-n-12-px {
        margin-bottom: 12px
    }

    .xl\:ml-mg-n-12-px {
        margin-left: 12px
    }

    .xl\:mt-mg-n-16-px {
        margin-top: 16px
    }

    .xl\:mr-mg-n-16-px {
        margin-right: 16px
    }

    .xl\:mb-mg-n-16-px {
        margin-bottom: 16px
    }

    .xl\:ml-mg-n-16-px {
        margin-left: 16px
    }

    .xl\:mt-mg-n-20-px {
        margin-top: 20px
    }

    .xl\:mr-mg-n-20-px {
        margin-right: 20px
    }

    .xl\:mb-mg-n-20-px {
        margin-bottom: 20px
    }

    .xl\:ml-mg-n-20-px {
        margin-left: 20px
    }

    .xl\:mt-mg-n-24-px {
        margin-top: 24px
    }

    .xl\:mr-mg-n-24-px {
        margin-right: 24px
    }

    .xl\:mb-mg-n-24-px {
        margin-bottom: 24px
    }

    .xl\:mt-mg-n-28-px {
        margin-top: 28px
    }

    .xl\:mr-mg-n-28-px {
        margin-right: 28px
    }

    .xl\:mb-mg-n-28-px {
        margin-bottom: 28px
    }

    .xl\:ml-mg-n-28-px {
        margin-left: 28px
    }

    .xl\:mt-mg-n-32-px {
        margin-top: 32px
    }

    .xl\:mr-mg-n-32-px {
        margin-right: 32px
    }

    .xl\:mb-mg-n-32-px {
        margin-bottom: 32px
    }

    .xl\:ml-mg-n-32-px {
        margin-left: 32px
    }

    .xl\:mt-mg-n-36-px {
        margin-top: 36px
    }

    .xl\:mr-mg-n-36-px {
        margin-right: 36px
    }

    .xl\:mb-mg-n-36-px {
        margin-bottom: 36px
    }

    .xl\:ml-mg-n-36-px {
        margin-left: 36px
    }

    .xl\:mt-mg-n-40-px {
        margin-top: 40px
    }

    .xl\:mb-mg-n-40-px {
        margin-bottom: 40px
    }

    .xl\:ml-mg-n-40-px {
        margin-left: 40px
    }

    .xl\:mt-mg-n-44-px {
        margin-top: 44px
    }

    .xl\:mr-mg-n-44-px {
        margin-right: 44px
    }

    .xl\:mb-mg-n-44-px {
        margin-bottom: 44px
    }

    .xl\:mt-mg-n-48-px {
        margin-top: 48px
    }

    .xl\:mr-mg-n-48-px {
        margin-right: 48px
    }

    .xl\:mb-mg-n-48-px {
        margin-bottom: 48px
    }

    .xl\:mb-mg-n-52-px {
        margin-bottom: 52px
    }

    .xl\:mt-mg-n-56-px {
        margin-top: 56px
    }

    .xl\:mb-mg-n-56-px {
        margin-bottom: 56px
    }

    .xl\:mt-mg-n-60-px {
        margin-top: 60px
    }

    .xl\:mb-mg-n-60-px {
        margin-bottom: 60px
    }

    .xl\:ml-mg-n-60-px {
        margin-left: 60px
    }

    .xl\:mt-mg-n-64-px {
        margin-top: 64px
    }

    .xl\:mt-mg-n-68-px {
        margin-top: 68px
    }

    .xl\:mr-mg-n-68-px {
        margin-right: 68px
    }

    .xl\:mt-mg-n-72-px {
        margin-top: 72px
    }

    .xl\:mt-mg-n-76-px {
        margin-top: 76px
    }

    .xl\:mb-mg-n-76-px {
        margin-bottom: 76px
    }

    .xl\:ml-mg-n-76-px {
        margin-left: 76px
    }

    .xl\:mt-mg-n-80-px {
        margin-top: 80px
    }

    .xl\:mr-mg-n-80-px {
        margin-right: 80px
    }

    .xl\:mr-mg-n-84-px {
        margin-right: 84px
    }

    .xl\:mr-mg-n-92-px {
        margin-right: 92px
    }

    .xl\:ml-mg-n-108-px {
        margin-left: 108px
    }

    .xl\:ml-mg-n-120-px {
        margin-left: 120px
    }

    .xl\:mt-mg-n-152-px {
        margin-top: 152px
    }

    .xl\:mr-mg-n-160-px {
        margin-right: 160px
    }

    .xl\:mt-mg-n-164-px {
        margin-top: 164px
    }

    .xl\:ml-mg-n-164-px {
        margin-left: 164px
    }

    .xl\:mr-mg-n-176-px {
        margin-right: 176px
    }

    .xl\:mb-mg-n-f64-px {
        margin-bottom: -64px
    }

    .xl\:max-w-1200 {
        max-width: 75rem
    }

    .xl\:max-w-1200px {
        max-width: 1200px
    }

    .xl\:max-w-400px {
        max-width: 400px
    }

    .xl\:min-h-520px {
        min-height: 520px
    }

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:p-pd-n-24-px {
        padding: 24px
    }

    .xl\:p-pd-n-28-px {
        padding: 28px
    }

    .xl\:p-pd-n-40-px {
        padding: 40px
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xl\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .xl\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:py-15 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .xl\:px-68px {
        padding-left: 68px;
        padding-right: 68px
    }

    .xl\:px-44px {
        padding-left: 44px;
        padding-right: 44px
    }

    .xl\:py-pd-n-16-px {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:px-pd-n-16-px {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-pd-n-20-px {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:py-pd-n-32-px {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-pd-n-40-px {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:px-pd-n-44-px {
        padding-left: 44px;
        padding-right: 44px
    }

    .xl\:px-pd-n-60-px {
        padding-left: 60px;
        padding-right: 60px
    }

    .xl\:px-pd-n-64-px {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pt-1 {
        padding-top: .25rem
    }

    .xl\:pl-1 {
        padding-left: .25rem
    }

    .xl\:pr-2 {
        padding-right: .5rem
    }

    .xl\:pb-2 {
        padding-bottom: .5rem
    }

    .xl\:pl-2 {
        padding-left: .5rem
    }

    .xl\:pb-3 {
        padding-bottom: .75rem
    }

    .xl\:pl-3 {
        padding-left: .75rem
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pt-5 {
        padding-top: 1.25rem
    }

    .xl\:pr-5 {
        padding-right: 1.25rem
    }

    .xl\:pb-5 {
        padding-bottom: 1.25rem
    }

    .xl\:pl-5 {
        padding-left: 1.25rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pl-6 {
        padding-left: 1.5rem
    }

    .xl\:pr-8 {
        padding-right: 2rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pt-10 {
        padding-top: 2.5rem
    }

    .xl\:pr-10 {
        padding-right: 2.5rem
    }

    .xl\:pb-10 {
        padding-bottom: 2.5rem
    }

    .xl\:pl-10 {
        padding-left: 2.5rem
    }

    .xl\:pr-12 {
        padding-right: 3rem
    }

    .xl\:pb-12 {
        padding-bottom: 3rem
    }

    .xl\:pl-12 {
        padding-left: 3rem
    }

    .xl\:pt-16 {
        padding-top: 4rem
    }

    .xl\:pb-16 {
        padding-bottom: 4rem
    }

    .xl\:pt-20 {
        padding-top: 5rem
    }

    .xl\:pt-24 {
        padding-top: 6rem
    }

    .xl\:pb-24 {
        padding-bottom: 6rem
    }

    .xl\:pb-px {
        padding-bottom: 1px
    }

    .xl\:pr-36px {
        padding-right: 36px
    }

    .xl\:pl-36px {
        padding-left: 36px
    }

    .xl\:pt-92px {
        padding-top: 92px
    }

    .xl\:pt-100px {
        padding-top: 100px
    }

    .xl\:pl-100px {
        padding-left: 100px
    }

    .xl\:pl-144px {
        padding-left: 144px
    }

    .xl\:pt-148px {
        padding-top: 148px
    }

    .xl\:pt-88px {
        padding-top: 88px
    }

    .xl\:pl-72px {
        padding-left: 72px
    }

    .xl\:pt-52px {
        padding-top: 52px
    }

    .xl\:pr-52px {
        padding-right: 52px
    }

    .xl\:pb-52px {
        padding-bottom: 52px
    }

    .xl\:pt-44px {
        padding-top: 44px
    }

    .xl\:pb-44px {
        padding-bottom: 44px
    }

    .xl\:pr-40px {
        padding-right: 40px
    }

    .xl\:pb-32px {
        padding-bottom: 32px
    }

    .xl\:pt-28px {
        padding-top: 28px
    }

    .xl\:pl-28px {
        padding-left: 28px
    }

    .xl\:pr-24px {
        padding-right: 24px
    }

    .xl\:pt-12px {
        padding-top: 12px
    }

    .xl\:pt-pd-n-4-px {
        padding-top: 4px
    }

    .xl\:pr-pd-n-4-px {
        padding-right: 4px
    }

    .xl\:pb-pd-n-4-px {
        padding-bottom: 4px
    }

    .xl\:pl-pd-n-4-px {
        padding-left: 4px
    }

    .xl\:pt-pd-n-8-px {
        padding-top: 8px
    }

    .xl\:pb-pd-n-8-px {
        padding-bottom: 8px
    }

    .xl\:pt-pd-n-12-px {
        padding-top: 12px
    }

    .xl\:pb-pd-n-12-px {
        padding-bottom: 12px
    }

    .xl\:pl-pd-n-12-px {
        padding-left: 12px
    }

    .xl\:pt-pd-n-16-px {
        padding-top: 16px
    }

    .xl\:pr-pd-n-16-px {
        padding-right: 16px
    }

    .xl\:pb-pd-n-16-px {
        padding-bottom: 16px
    }

    .xl\:pt-pd-n-20-px {
        padding-top: 20px
    }

    .xl\:pb-pd-n-20-px {
        padding-bottom: 20px
    }

    .xl\:pl-pd-n-20-px {
        padding-left: 20px
    }

    .xl\:pt-pd-n-24-px {
        padding-top: 24px
    }

    .xl\:pr-pd-n-24-px {
        padding-right: 24px
    }

    .xl\:pb-pd-n-24-px {
        padding-bottom: 24px
    }

    .xl\:pl-pd-n-24-px {
        padding-left: 24px
    }

    .xl\:pr-pd-n-28-px {
        padding-right: 28px
    }

    .xl\:pb-pd-n-28-px {
        padding-bottom: 28px
    }

    .xl\:pl-pd-n-28-px {
        padding-left: 28px
    }

    .xl\:pt-pd-n-32-px {
        padding-top: 32px
    }

    .xl\:pr-pd-n-32-px {
        padding-right: 32px
    }

    .xl\:pl-pd-n-32-px {
        padding-left: 32px
    }

    .xl\:pt-pd-n-36-px {
        padding-top: 36px
    }

    .xl\:pr-pd-n-36-px {
        padding-right: 36px
    }

    .xl\:pt-pd-n-40-px {
        padding-top: 40px
    }

    .xl\:pr-pd-n-40-px {
        padding-right: 40px
    }

    .xl\:pb-pd-n-40-px {
        padding-bottom: 40px
    }

    .xl\:pl-pd-n-40-px {
        padding-left: 40px
    }

    .xl\:pt-pd-n-44-px {
        padding-top: 44px
    }

    .xl\:pr-pd-n-44-px {
        padding-right: 44px
    }

    .xl\:pb-pd-n-44-px {
        padding-bottom: 44px
    }

    .xl\:pl-pd-n-44-px {
        padding-left: 44px
    }

    .xl\:pr-pd-n-48-px {
        padding-right: 48px
    }

    .xl\:pl-pd-n-48-px {
        padding-left: 48px
    }

    .xl\:pt-pd-n-52-px {
        padding-top: 52px
    }

    .xl\:pt-pd-n-56-px {
        padding-top: 56px
    }

    .xl\:pr-pd-n-56-px {
        padding-right: 56px
    }

    .xl\:pt-pd-n-60-px {
        padding-top: 60px
    }

    .xl\:pr-pd-n-60-px {
        padding-right: 60px
    }

    .xl\:pb-pd-n-60-px {
        padding-bottom: 60px
    }

    .xl\:pb-pd-n-64-px {
        padding-bottom: 64px
    }

    .xl\:pt-pd-n-76-px {
        padding-top: 76px
    }

    .xl\:pb-pd-n-76-px {
        padding-bottom: 76px
    }

    .xl\:pb-pd-n-80-px {
        padding-bottom: 80px
    }

    .xl\:pt-pd-n-84-px {
        padding-top: 84px
    }

    .xl\:pl-pd-n-92-px {
        padding-left: 92px
    }

    .xl\:pl-pd-n-96-px {
        padding-left: 96px
    }

    .xl\:pt-pd-n-104-px {
        padding-top: 104px
    }

    .xl\:pr-pd-n-104-px {
        padding-right: 104px
    }

    .xl\:pb-pd-n-104-px {
        padding-bottom: 104px
    }

    .xl\:pb-pd-n-132-px {
        padding-bottom: 132px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-blue-142 {
        --text-opacity: 1;
        color: #142737;
        color: rgba(20, 39, 55, var(--text-opacity))
    }

    .xl\:text-gray-black {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }

    .xl\:text-gray-34 {
        --text-opacity: 1;
        color: #343434;
        color: rgba(52, 52, 52, var(--text-opacity))
    }

    .xl\:text-grey-5a5 {
        --text-opacity: 1;
        color: #5a5a5a;
        color: rgba(90, 90, 90, var(--text-opacity))
    }

    .xl\:text-grey-2e2 {
        --text-opacity: 1;
        color: #2e2e2e;
        color: rgba(46, 46, 46, var(--text-opacity))
    }

    .xl\:text-grey-5b5 {
        --text-opacity: 1;
        color: #5b5b5b;
        color: rgba(91, 91, 91, var(--text-opacity))
    }

    .xl\:text-ora-ffa {
        --text-opacity: 1;
        color: #ffa800;
        color: rgba(255, 168, 0, var(--text-opacity))
    }

    .xl\:text-grey-999 {
        --text-opacity: 1;
        color: #999;
        color: rgba(153, 153, 153, var(--text-opacity))
    }

    .xl\:text-gray-5a5 {
        --text-opacity: 1;
        color: #5a5a5a;
        color: rgba(90, 90, 90, var(--text-opacity))
    }

    .xl\:text-gray-666 {
        --text-opacity: 1;
        color: #666;
        color: rgba(102, 102, 102, var(--text-opacity))
    }

    .xl\:text-blue-004 {
        --text-opacity: 1;
        color: #00468e;
        color: rgba(0, 70, 142, var(--text-opacity))
    }

    .xl\:tracking-0, .xl\:tracking-normal {
        letter-spacing: 0
    }

    .xl\:tracking-1px {
        letter-spacing: 1px
    }

    .xl\:tracking-2px {
        letter-spacing: 2px
    }

    .xl\:tracking-3px {
        letter-spacing: 3px
    }

    .xl\:whitespace-no-wrap {
        white-space: nowrap
    }

    .xl\:w-20 {
        width: 5rem
    }

    .xl\:w-27 {
        width: 6.75rem
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-1\/3 {
        width: 33.33333%
    }

    .xl\:w-2\/3 {
        width: 66.66667%
    }

    .xl\:w-92px {
        width: 92px
    }

    .xl\:w-300px {
        width: 300px
    }

    .xl\:w-388px {
        width: 388px
    }

    .xl\:w-16px {
        width: 16px
    }

    .xl\:w-68px {
        width: 68px
    }

    .xl\:w-280px {
        width: 280px
    }

    .xl\:w-420px {
        width: 420px
    }

    .xl\:w-1200px {
        width: 1200px
    }

    .xl\:w-372px {
        width: 372px
    }

    .xl\:w-400px {
        width: 400px
    }

    .xl\:w-596px {
        width: 596px
    }

    .xl\:w-936px {
        width: 936px
    }

    .xl\:w-wd-n-8-px {
        width: 8px
    }

    .xl\:w-wd-n-16-px {
        width: 16px
    }

    .xl\:w-wd-n-80-px {
        width: 80px
    }

    .xl\:w-wd-n-92-px {
        width: 92px
    }

    .xl\:w-wd-n-108-px {
        width: 108px
    }

    .xl\:w-wd-n-148-px {
        width: 148px
    }

    .xl\:w-wd-n-260-px {
        width: 260px
    }

    .xl\:w-wd-n-420-px {
        width: 420px
    }

    .xl\:w-wd-n-452-px {
        width: 452px
    }

    .xl\:w-wd-n-456-px {
        width: 456px
    }

    .xl\:w-wd-n-528-px {
        width: 528px
    }

    .xl\:w-wd-n-6-b {
        width: 6%
    }

    .xl\:w-wd-n-46-b {
        width: 46%
    }

    .xl\:w-wd-n-50-b {
        width: 50%
    }

    .xl\:gap-10 {
        grid-gap: 2.5rem;
        gap: 2.5rem
    }

    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .xl\:blocks {
        display: block
    }
}

@media (min-width: 374px) {
    .xxs\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.more-btn {
    text-align: center;
    margin: 60px auto 30px auto;
}

.more-btn a {
    color: #eb9c0b;
    border: 2px solid #eb9c0b;
    background: #f89600;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 0.25rem;
    transition: color .5s ease-in-out;
    z-index: 1;
    padding: 10px 30px;
}

.more-btn a:hover {
    color: #ffffff
}

.more-btn a:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 120%;
    left: -10%;
    top: -5px;
    bottom: -5px;
    background-color: #fff;
    transform: skewX(30deg);
    transition: left .5s ease-in-out;
}

.more-btn a:hover:before {
    left: 127%;
}

.summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.page img {
    height: 150px;
}

.pagination {
    flex-wrap: wrap;
    margin-bottom: 0;
}

.pagination li {
    padding: 0 10px;
}

.page h3 {
    border-bottom: 2px solid #00468e;
    color: #00468e;
}

.page a {
    color: #00468e;
}

.bg-white-50 {
    background-color: #bbb5b55c;
}