body, body :not(html):not(style):not(br):not(tr):not(code) {
    box-sizing: border-box;
    font-family: system-ui
}

body * {
    box-sizing: border-box
}

body {
    font-family: system-ui;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    line-height: 1.4;
    width: 100% !important;
    -ms-word-break: break-all;
    -webkit-text-size-adjust: none;
    word-break: break-all;
    word-break: break-word
}

blockquote, ol, p, ul {
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-align: left
}

a {
    color: #3869d4
}

a img {
    border: none
}

h1 {
    font-size: 19px
}

h1, h2 {
    color: #2f3133;
    font-weight: 700;
    margin-top: 0;
    text-align: left
}

h2 {
    font-size: 16px
}

h3 {
    color: #2f3133;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

h3, p {
    text-align: left
}

p {
    color: #74787e;
    font-size: 16px;
    line-height: 1.5em
}

p.sub {
    font-size: 12px
}

img {
    max-width: 100%
}

.content, .wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.header {
    padding: 25px 0;
    text-align: center
}

.header a {
    color: #bbbfc3;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.body {
    border-bottom: 1px solid #edeff2;
    border-top: 1px solid #edeff2;
    margin: 0;
    width: 100%;
    -premailer-width: 100%
}

.body, .inner-body {
    background-color: #fff;
    padding: 0;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0
}

.inner-body {
    margin: 0 auto;
    width: 570px;
    -premailer-width: 570px
}

.subcopy {
    border-top: 1px solid #edeff2;
    margin-top: 25px;
    padding-top: 25px
}

.subcopy p {
    font-size: 12px
}

.footer {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 570px;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px
}

.footer p {
    color: #aeaeae;
    font-size: 12px;
    text-align: center
}

.table table {
    margin: 30px auto;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.table th {
    border-bottom: 1px solid #edeff2;
    padding-bottom: 8px
}

.table td {
    color: #74787e;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0
}

.content-cell {
    padding: 35px
}

.action {
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.button {
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
    color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-text-size-adjust: none
}

input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    box-shadow: none;
    display: block
}

button, input {
    border: none;
    outline: none
}

button {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.button-blue {
    background-color: #3097d1;
    border-color: #3097d1;
    border-style: solid;
    border-width: 10px 18px
}

.button-green {
    background-color: #2ab27b;
    border-color: #2ab27b;
    border-style: solid;
    border-width: 10px 18px
}

.button-red {
    background-color: #bf5329;
    border-color: #bf5329;
    border-style: solid;
    border-width: 10px 18px
}

.panel {
    margin: 0 0 21px
}

.panel-content {
    background-color: #edeff2;
    padding: 16px
}

.panel-item {
    padding: 0
}

.panel-item p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

.promotion {
    background-color: #fff;
    border: 2px dashed #9ba2ab;
    margin: 25px 0;
    padding: 24px;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.promotion h1, .promotion p {
    text-align: center
}

.promotion p {
    font-size: 15px
}

a, a:active, a:hover, a:link, a:visited {
    text-decoration: none
}

li, ol, ul {
    list-style: none
}

li, ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 0;
    margin-top: 0
}

body {
    justify-content: space-between;
    margin: 0
}

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

dd, dl, h1, h2 {
    margin: 0
}

p {
    font-size: 20px
}

img {
    display: block
}

.pc-block {
    display: none
}

#head {
    background-color: #fff;
    left: 0;
    padding: 12px 16px 16px 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

#head .flex-box {
    align-items: center;
    display: flex
}

#head .flex-box .logo-pic {
    min-width: 152px;
    width: 152px
}

#head .flex-box .m-nav-icon {
    margin-left: auto;
    min-width: 17px;
    width: 17px
}

#head .m-nav-box {
    background-color: #fff;
    box-shadow: 0 9px 13px 0 rgba(0, 0, 0, .24);
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%
}

#head .m-nav-box li {
    border-bottom: 1px solid #dfdede;
    padding: 8px 8px 8px 32px
}

#head .m-nav-box ul li:last-of-type {
    border-bottom: none
}

#head .m-nav-box li a {
    color: #363636;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1
}

#footer {
    background-color: #1d75d9;
    padding: 12px 12px 16px
}

#footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#footer ul li {
    border-right: 1px solid #f4f6f6;
    margin-bottom: 16px;
    padding: 0 12px
}

#footer ul li:last-of-type {
    border-right: none
}

#footer ul li a {
    color: #fff;
    font-size: 12px
}

#footer .warn {
    color: #e3e3e3;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

#app, body, html {
    height: 100%
}

#app {
    display: flex;
    flex-direction: column
}

#app #footer {
    margin-top: auto
}

.w-1200px-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px
}

.adding-word {
    color: #fff;
    font-size: 14px;
    font-stretch: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    text-shadow: 0 1px 12px rgba(16, 60, 82, .85)
}

@media (min-width: 1200px) {
    .adding-word {
        font-size: 20px;
        margin-left: 0;
        margin-right: 52px;
        text-align: right
    }

    .w-1200px-container {
        max-width: 1200px
    }

    #footer {
        padding: 44px 0
    }

    #footer ul li {
        margin-bottom: 40px;
        padding: 0 40px
    }

    #footer .warn, #footer ul li a {
        font-size: 14px
    }

    #footer .warn {
        color: #fff;
        opacity: .75
    }

    #head {
        background-color: #fff;
        box-shadow: 0 1px 0 0 #eaeaea;
        padding: 12px 0 24px
    }

    #head .flex-box {
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }

    #head .flex-box .pc-nav-list a {
        color: #343434;
        font-size: 14px;
        font-weight: 700;
        line-height: 1
    }

    #head .flex-box .pc-nav-list a:hover {
        color: #1d75d9
    }

    #head .flex-box .pc-nav-list {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-top: 8px;
        width: 100%
    }

    #head .flex-box .logo-pic {
        margin-right: 156px;
        min-width: 266px
    }

    .pc-block {
        display: block
    }

    .m-block {
        display: none
    }
}

.pc-block {
    display: none
}

#head {
    background-color: #fff;
    left: 0;
    padding: 12px 16px 16px 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

#head .flex-box {
    align-items: center;
    display: flex
}

#head .flex-box .logo-pic {
    min-width: 152px;
    width: 152px
}

#head .flex-box .m-nav-icon {
    margin-left: auto;
    min-width: 17px;
    width: 17px
}

#head .m-nav-box {
    background-color: #fff;
    box-shadow: 0 9px 13px 0 rgba(0, 0, 0, .24);
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%
}

#head .m-nav-box li {
    border-bottom: 1px solid #dfdede;
    padding: 8px 8px 8px 32px
}

#head .m-nav-box ul li:last-of-type {
    border-bottom: none
}

#head .m-nav-box li a {
    color: #363636;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1
}

#footer {
    background-color: #1d75d9;
    padding: 12px 12px 16px
}

#footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#footer ul li {
    border-right: 1px solid #f4f6f6;
    margin-bottom: 16px;
    padding: 0 12px
}

#footer ul li:last-of-type {
    border-right: none
}

#footer ul li a {
    color: #fff;
    font-size: 12px
}

#footer .warn {
    color: #e3e3e3;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

#app, html {
    height: 100%
}

#app {
    display: flex;
    flex-direction: column
}

#app #footer {
    margin-top: auto
}

.w-1200px-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px
}

.adding-word {
    color: #fff;
    font-size: 14px;
    font-stretch: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    text-shadow: 0 1px 12px rgba(16, 60, 82, .85)
}

@media (min-width: 1200px) {
    .adding-word {
        font-size: 20px;
        margin-left: 0;
        margin-right: 52px;
        text-align: right
    }

    .w-1200px-container {
        max-width: 1200px
    }

    #footer {
        padding: 44px 0
    }

    #footer ul li {
        margin-bottom: 40px;
        padding: 0 40px
    }

    #footer .warn, #footer ul li a {
        font-size: 14px
    }

    #footer .warn {
        color: #fff;
        opacity: .75
    }

    #head {
        background-color: #fff;
        box-shadow: 0 1px 0 0 #eaeaea;
        padding: 12px 0 24px
    }

    #head .flex-box {
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }

    #head .flex-box .pc-nav-list a {
        color: #343434;
        font-size: 14px;
        font-weight: 700;
        line-height: 1
    }

    #head .flex-box .pc-nav-list a:hover {
        color: #1d75d9
    }

    #head .flex-box .pc-nav-list {
        align-items: center;
        column-gap: 1rem;
        display: flex;
        justify-content: end;
        padding-top: 8px;
        width: 100%
    }

    #head .flex-box .logo-pic {
        margin-right: 156px;
        min-width: 266px
    }

    .pc-block {
        display: block
    }

    .m-block {
        display: none
    }
}

body, body :not(html):not(style):not(br):not(tr):not(code) {
    box-sizing: border-box;
    font-family: system-ui
}

body * {
    box-sizing: border-box
}

body {
    font-family: system-ui;
    height: 100%;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    line-height: 1.4;
    width: 100% !important;
    -ms-word-break: break-all;
    -webkit-text-size-adjust: none;
    word-break: break-all;
    word-break: break-word
}

blockquote, ol, p, ul {
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-align: left
}

a {
    color: #3869d4
}

a img {
    border: none
}

h1 {
    font-size: 19px
}

h1, h2 {
    color: #2f3133;
    font-weight: 700;
    margin-top: 0;
    text-align: left
}

h2 {
    font-size: 16px
}

h3 {
    color: #2f3133;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

h3, p {
    text-align: left
}

p {
    color: #74787e;
    font-size: 16px;
    line-height: 1.5em
}

p.sub {
    font-size: 12px
}

img {
    max-width: 100%
}

.content, .wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.header {
    padding: 25px 0;
    text-align: center
}

.header a {
    color: #bbbfc3;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.body {
    border-bottom: 1px solid #edeff2;
    border-top: 1px solid #edeff2;
    margin: 0;
    width: 100%;
    -premailer-width: 100%
}

.body, .inner-body {
    background-color: #fff;
    padding: 0;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0
}

.inner-body {
    margin: 0 auto;
    width: 570px;
    -premailer-width: 570px
}

.subcopy {
    border-top: 1px solid #edeff2;
    margin-top: 25px;
    padding-top: 25px
}

.subcopy p {
    font-size: 12px
}

.footer {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 570px;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px
}

.footer p {
    color: #aeaeae;
    font-size: 12px;
    text-align: center
}

.table table {
    margin: 30px auto;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.table th {
    border-bottom: 1px solid #edeff2;
    padding-bottom: 8px
}

.table td {
    color: #74787e;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0
}

.content-cell {
    padding: 35px
}

.action {
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.button {
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
    color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-text-size-adjust: none
}

input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    box-shadow: none;
    display: block
}

button, input {
    border: none;
    outline: none
}

button {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.button-blue {
    background-color: #3097d1;
    border-color: #3097d1;
    border-style: solid;
    border-width: 10px 18px
}

.button-green {
    background-color: #2ab27b;
    border-color: #2ab27b;
    border-style: solid;
    border-width: 10px 18px
}

.button-red {
    background-color: #bf5329;
    border-color: #bf5329;
    border-style: solid;
    border-width: 10px 18px
}

.panel {
    margin: 0 0 21px
}

.panel-content {
    background-color: #edeff2;
    padding: 16px
}

.panel-item {
    padding: 0
}

.panel-item p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

.promotion {
    background-color: #fff;
    border: 2px dashed #9ba2ab;
    margin: 25px 0;
    padding: 24px;
    width: 100%;
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%
}

.promotion h1, .promotion p {
    text-align: center
}

.promotion p {
    font-size: 15px
}

a, a:active, a:hover, a:link, a:visited {
    text-decoration: none
}

li, ol, ul {
    list-style: none
}

li, ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 0;
    margin-top: 0
}

body {
    justify-content: space-between;
    margin: 0
}

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

dd, dl, h1, h2 {
    margin: 0
}

p {
    font-size: 20px
}

img {
    display: block
}

#index-page {
    margin-top: 40px
}

#index-page .banner .title-pic {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 186px
}

#index-page .banner {
    background-image: url(/static/home/images/banner-m.ywoclrhi.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -20px;
    padding: 32px 0 36px
}

#index-page .banner h2 {
    color: #38424d;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 12px;
    text-align: center
}

#index-page .banner p {
    color: #636e79;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 32px;
    text-align: center
}

#index-page .banner img.m-block {
    left: -8px;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 8px;
    width: 205px
}

#index-page .blue-move-btn {
    border: 2px solid transparent;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 36px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 180px;
    z-index: 10
}

#index-page .blue-move-btn:hover {
    border: 2px solid #1d75d9 !important;
    color: #1d75d9 !important;
    transition: color .5s ease-in-out
}

#index-page .blue-move-btn:after {
    background-color: #1d75d9;
    border: 2px solid #1d75d9 !important;
    bottom: -5px;
    content: "";
    left: -10%;
    position: absolute;
    top: -5px;
    transform: skewX(-30deg);
    transition: left .5s ease-in-out;
    width: 120%;
    z-index: -1
}

#index-page .blue-move-btn:hover:after {
    left: 127%
}

#index-page .blue-move-btn.have-icon {
    line-height: 44px;
    width: 164px
}

#index-page .bottom-adv .blue-move-btn.have-icon {
    line-height: 36px
}

#index-page .blue-move-btn.have-icon img {
    display: inline-block;
    margin-left: 12px;
    width: 20px
}

#index-page .blue-move-btn.have-icon img.after {
    display: none
}

#index-page .blue-move-btn.have-icon:hover img.after {
    display: inline-block
}

#index-page .blue-move-btn.have-icon:hover img.before {
    display: none
}

#index-page .common-head {
    color: #343434;
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-align: center
}

#index-page .adv-of-mt5 .title-box {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

#index-page .adv-of-mt5 .pic {
    margin-bottom: 12px;
    padding-left: 30px
}

#index-page .adv-of-mt5 ul li p {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAulBMVEUAAAAhlfQhlvMgl/MjlfQjlfQjmvUhn/YeoPQjlfYmnPcjrPohlvMhmvQgmfQfmPMgl/Mfl/MhlfQhlvMilfQknPYgl/Men/QbovQnlvYelvIds/ghlvMhlfMjlvMelfMAjfIAj/L///wVlPMRk/MMkvMFkfPJ4/mbzPd5u/Y0m/QYlPMhk/L8/fz1+fvE4PiYyveNxPdMpvUalPLz+frk8Prc6/nR5vlzuPZstfZrtPZWq/QvmfRAoPMtidIyAAAAHHRSTlMAyebUmYxZTw8LCAXnYOPd186sp5VnShoWgH9eoch5swAAAONJREFUGNNV0GeTgkAMgOHQQcXe7i7rLoIcHNiv2f7/3zJZccD34zPJ7GxA50/HRtc0bM+HZ23PEPho4LYe1nrHuoUT6Lk3iY2E0yb08BXLD3pjIGpZqQRFbw5TrItu+0OC6MJY70ik0q/P5b9CHIGBVLyKaZcsEwWiBSavnbeXlG2XxgvEjkZ12vwcrtt1liZkhLwuo3zz+7feRTRH9cHmb0iVfy+zqNAmhuAJ1qPK98mRjDEE35KsQqmisu4MwC3xpXLCB3Fk06Stjxc4TbSD6qBh/0m9CVnV3B1ZZscahjPg7sQiJap/6leAAAAAAElFTkSuQmCC");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    color: #5a5a5a;
    font-size: 16px;
    padding-left: 28px
}

#index-page .w-1200px-container {
    padding: 0 12px
}

#index-page .adv-of-mt5 {
    margin-bottom: 28px
}

#index-page .desk-and-web > div {
    background-blend-mode: normal, normal;
    background-image: linear-gradient(0deg, #fff, #d7e8f8 93%), linear-gradient(#e7f0f6, #e7f0f6);
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 12px
}

#index-page .four-pic-text-sec h3 {
    color: #343434;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1
}

#index-page .four-pic-text-sec p {
    color: #343434;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px
}

#index-page .desk-and-web .desk h3 {
    margin-bottom: 56px
}

#index-page .desk-and-web .web h3 {
    margin-bottom: 40px
}

#index-page .desk-and-web .desk .pic-bg {
    background-image: url(/static/home/images/sec-2-pic-1.c0lrljdo.png);
    background-position: right 20px top 4px;
    background-repeat: no-repeat;
    background-size: 200px
}

#index-page .desk-and-web .pic-bg {
    padding: 24px 12px 12px
}

#index-page .desk-and-web .web .pic-bg {
    background-image: url(/static/home/images/sec-2-pic-2.cxns1trb.png);
    background-position: right 20px top 4px;
    background-repeat: no-repeat;
    background-size: 139px
}

#index-page .android-and-ios > div {
    background-blend-mode: normal, normal;
    background-image: linear-gradient(0deg, #fff, #f9f9f9), linear-gradient(#eff3fd, #eff3fd);
    border: 1px solid #eee;
    border-radius: 16px;
    margin-bottom: 12px
}

#index-page .android-and-ios .pic-bg {
    padding: 28px 12px 12px
}

#index-page .android-and-ios .android h3 {
    margin-bottom: 56px
}

#index-page .android-and-ios .ios h3 {
    margin-bottom: 12px
}

#index-page .android-and-ios .ios p {
    margin-bottom: 44px;
    max-width: 200px
}

#index-page .android-and-ios .android p {
    margin-bottom: 12px
}

#index-page .android-and-ios .android .pic-bg {
    background-image: url(/static/home/images/android-pic.d5ctupia.png);
    background-position: right 12px top 8px;
    background-repeat: no-repeat;
    background-size: 132px
}

#index-page .android-and-ios .ios .pic-bg {
    background-image: url(/static/home/images/ios-pic-1.d5885tvl.png);
    background-position: 100% 0, left 8px bottom;
    background-repeat: no-repeat;
    background-size: 125px, 116px
}

#index-page .desk-and-web .web p {
    margin-bottom: 28px
}

#index-page .desk-and-web .desk p {
    margin-bottom: 12px
}

#index-page .protect {
    background-color: #3c83e9;
    padding: 40px 0
}

#index-page .protect h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 24px;
    text-align: center
}

#index-page .protect li {
    background-color: #f5fcfe;
    border: 1px solid #e7f0f3;
    border-radius: 10px;
    padding: 20px
}

#index-page .protect ul {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 20px
}

#index-page .protect li img {
    margin-left: auto;
    margin-right: auto
}

#index-page .protect li .pic-box {
    height: 118px
}

#index-page .protect li h3 {
    color: #343434;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 12px;
    text-align: center
}

#index-page .protect li p {
    color: #343434;
    font-size: 16px
}

#index-page .protect {
    margin-bottom: 40px
}

#index-page .guide h2 {
    margin-bottom: 24px
}

#index-page .guide .grid-box {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 12px
}

#index-page .guide .grid-box .a-clo img {
    height: 160px;
    margin-bottom: 20px;
    max-width: 380px;
    width: 100%
}

#index-page .guide .grid-box .news-text-box {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAAACCAYAAADM6cAVAAAALUlEQVRIiWOULb35n4F0wIikY1T/qP5R/aP6B6V+JgyRUTAKRsEoGA6AgYEBAEhfFW7RwiShAAAAAElFTkSuQmCC");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-bottom: 12px;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 28px
}

#index-page .guide .grid-box .news-text-box:nth-of-type(2) {
    background-image: none;
    margin-bottom: 0
}

#index-page .guide .grid-box .news-text-box h3 {
    color: #38424d;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 16px
}

#index-page .guide .grid-box .news-text-box:hover h3 {
    color: #3c83e9
}

#index-page .guide .grid-box .news-text-box p {
    color: #636e79;
    display: -webkit-box;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#index-page .guide .grid-box .news-text-box time {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABdXV1cXFxeXl5eXl5dXV1cXFxeXl5dXV1dXV1eXl5eXl9eXl5eXl5eXl5eXl5eXl5eXl5eXl5cXFxeXl5eXl5eXl5eXl5eXl5ZWVleXl5eXl5fX19eXl5eXl5dXV45fG6pAAAAHnRSTlMAogesnTEn7SweD/SRdTwW9tu1lY5/aF02IhrEixe17I6vAAAAj0lEQVQY0z1NCQ7DIAwLUHqzdT3XbjP//+VyiFrCIrbjkOJ3jOPR0Y0Fisrb+GwQHkTvCrBQAxn5RUySqRCZBzCdmHkBQWKvQdjhpB2tCo1wjcQbvRZNJMiuCBtWFQLtuVZvhSPqsNElHyv0NGYuDLAIycUPs0dRuiH3dgtL9L79Ikdz+gDFfFFBm5xLZv8B2wIJCbh6FdgAAAAASUVORK5CYII=");
    background-position: 0;
    background-repeat: no-repeat;
    color: #636e79;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
    padding-left: 20px
}

#index-page .guide {
    background-color: #f3f8fd;
    border-radius: 20px;
    margin-bottom: 16px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 32px 0 16px
}

#index-page .guide .grid-box .a-clo {
    background-color: #fafafa;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0 rgba(56, 66, 77, .05);
    overflow: hidden
}

#index-page .question {
    background-color: #f3f3f3;
    padding: 40px 0 32px
}

#index-page .question h2 {
    margin-bottom: 28px
}

#index-page .question li {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .22);
    cursor: pointer;
    margin-bottom: 16px
}

#index-page .question li:last-of-type {
    margin-bottom: 0
}

#index-page .question li .flex-box {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    padding-left: 20px
}

#index-page .question li h3 {
    color: #363636;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-right: auto
}

#index-page .question li.active h3 {
    color: #fff;
    font-weight: 400
}

#index-page .question li.active .flex-box {
    background-color: #3c83e9
}

#index-page .question li .open {
    display: none
}

#index-page .question li.active .open {
    display: block
}

#index-page .question li.active .close {
    display: none
}

#index-page .question .answer-box {
    display: none;
    padding: 20px 12px 12px
}

#index-page .question li.active .answer-box {
    display: block
}

#index-page .question .answer-box p {
    color: #666;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px
}

#index-page .bottom {
    background-image: url(/static/home/images/bottom.djg7xvg6.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0
}

#index-page .bottom p {
    color: #fff;
    font-size: 24px;
    font-stretch: normal;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 12px;
    text-align: center;
    text-shadow: 0 5px 3px rgba(8, 38, 116, .35)
}

#index-page .bottom .blue-move-btn {
    margin-bottom: 12px
}

#index-page .bottom .blue-move-btn:last-of-type {
    margin-bottom: 0
}

#index-page .jump-target {
    position: relative;
    top: -42px
}

#index-page .what-is-mt5 .w-1300px-container {
    padding: 0 8px
}

#index-page .w-1300px-container {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    padding: 20px;
    position: relative
}

#index-page .what-is-mt5 .w-1300px-container {
    border-radius: 20px
}

#index-page .what-is-mt5 .w-1200px-container {
    background-image: url(/static/home/images/question-card-1.bl816chl.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 70px 36px 8px
}

#index-page .what-is-mt5 p {
    color: #636e79;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px
}

#index-page .what-is-mt5 p:last-of-type {
    margin-bottom: 0
}

#index-page .what-is-mt5 p span {
    color: #1d75d9
}

#index-page .what-is-mt5 h2 {
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0 0 30px
}

#index-page .what-is-mt5 .text-content {
    border-radius: 10px;
    padding: 0 0 32px 12px
}

#index-page .what-is-mt5 .move-icon {
    display: none;
    left: 0;
    position: absolute;
    top: 418px;
    width: 80px
}

#index-page .what-is-mt5 {
    margin-bottom: 20px
}

#index-page .special-of-mt5 {
    background-image: url(/static/home/images/function-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    margin: 0 12px 8px;
    padding: 32px 20px 12px
}

#index-page .special-of-mt5 h2 {
    color: #1d75d9;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center
}

#index-page .special-of-mt5 p.under {
    color: #636e79;
    font-size: 12px;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: -.5px;
    line-height: 18px;
    margin-bottom: 24px;
    text-align: center
}

#index-page .special-of-mt5 ul {
    display: grid;
    grid-template-columns:repeat(2, 154px);
    justify-content: center;
    grid-gap: 16px
}

#index-page .special-of-mt5 ul li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 rgba(56, 66, 77, .05);
    height: 194px;
    padding: 20px 16px
}

#index-page .special-of-mt5 ul li div {
    align-items: flex-start;
    display: flex;
    height: 14px;
    justify-content: space-between;
    margin-bottom: 20px
}

#index-page .special-of-mt5 ul li div img {
    height: 14px;
    min-width: 14px;
    width: 14px
}

#index-page .special-of-mt5 ul li h3 {
    color: #38424d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap
}

#index-page .special-of-mt5 ul li p {
    color: #636e79;
    font-size: 12px;
    line-height: 1.2
}

#index-page .signal p.under {
    color: #38424d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center
}

#index-page .signal p.under:first-of-type {
    margin-bottom: 12px
}

#index-page .signal p.under-pic {
    color: #636e79;
    font-size: 12px;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 28px
}

#index-page .signal h2 {
    color: #1d75d9;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center
}

#index-page .signal img {
    margin-left: auto;
    margin-right: auto;
    width: 226px
}

#index-page .signal .word-box {
    padding: 0 36px
}

#index-page .signal .word-box > p:first-of-type {
    color: #38424d;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 16px
}

#index-page .signal .word-box > p:nth-of-type(2) {
    color: #38424d;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 28px
}

#index-page .signal .word-box > p:nth-of-type(3) {
    color: #636e79;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 28px
}

#index-page .signal .word-box div p {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAMAAACO0hVbAAAAWlBMVEUAAAAdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddkdddl08Z9FAAAAHXRSTlMAiAa39tfCnh4K7dGCXVc+Kg/crKaUfXVwb1AwF1KrqUwAAABxSURBVBjTZZDXCsBQCEPtXd17j/z/b1YulFabl+BBYpC08vaHTu81qh2sQgkQckFMCvheohEoMhLiLaijFaP1yW2iNYzse2pj69wnbAeQkCnZapGT8rYoOyPKiRpTZIssaxkNRv0nAAcp9WWgn67uM9z0bwfWUub8qAAAAABJRU5ErkJggg==");
    background-position: left top 4px;
    background-repeat: no-repeat;
    background-size: 10px 9px;
    color: #636e79;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 12px;
    padding-left: 20px
}

#index-page .signal .word-box div p:last-of-type {
    margin-bottom: 0
}

#index-page .signal .blue-move-btn.have-icon {
    margin-top: 28px
}

#index-page .signal {
    margin-bottom: 28px
}

#index-page .what-is-mt5.why-mt5 .text-content {
    padding-bottom: 36px
}

#index-page .what-is-mt5.why-mt5 .w-1300px-container {
    padding: 0 20px
}

#index-page .what-is-mt5.why-mt5 .w-1200px-container {
    background-image: url(/static/home/images/question-card-2.blzxfneb.png);
    padding-bottom: 16px;
    padding-top: 64px
}

#index-page .what-is-mt5.why-mt5 .move-icon {
    left: 74%;
    top: 0
}

#index-page .mt5-vs-mt4 {
    background-image: url(/static/home/images/sec-4-bg-m.bymrh6xf.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 48px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 32px 0 12px
}

#index-page .mt5-vs-mt4 h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center
}

#index-page .mt5-vs-mt4 p.under {
    color: #fff;
    font-size: 12px;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 12px;
    opacity: .9;
    text-align: center
}

#index-page .down-load {
    margin-bottom: 40px
}

#index-page .down-load h2.m-block {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 20px
}

#index-page .guide .grid-box .a-clo {
    display: none
}

#index-page .guide .grid-box .a-clo:first-of-type, #index-page .guide .grid-box .a-clo:nth-of-type(2) {
    display: block
}

#index-page .down-load h2 {
    color: #1d75d9;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 56px;
    text-align: center
}

#index-page .down-load ul {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px;
    margin-bottom: 44px;
    padding: 0 20px
}

#index-page .down-load ul li div {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center
}

#index-page .down-load ul li div img {
    width: 22px
}

#index-page .down-load ul li p {
    color: #38424d;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    white-space: nowrap
}

#index-page .down-load ul li:hover p {
    color: #1d75d9
}

#index-page .guide h2.common-head {
    color: #1d75d9;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 16px;
    text-align: center
}

#index-page .bottom-adv {
    background-color: #f8f8f8;
    background-image: url(/static/home/images/bottom-bg-m.cyroxzqv.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -12px;
    padding: 36px 0 96px
}

#index-page .bottom-adv h2 {
    color: #38424d;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: center
}

#index-page .bottom-adv .flex-box {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    justify-content: center;
    grid-gap: 8px
}

#index-page .bottom-adv .flex-box .blue-move-btn.red {
    font-size: 10px
}

#index-page .blue-move-btn.red:after {
    background-color: #f35353
}

#index-page .blue-move-btn.red:hover {
    border: 2px solid #f35353 !important;
    color: #f35353 !important
}

#index-page .blue-move-btn.pc-block {
    display: none
}

@media (min-width: 1200px) {
    #index-page .guide .grid-box .news-text-box h3 {
        color: #38424d;
        display: -webkit-box;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin-bottom: 16px
    }

    #index-page .guide .grid-box .news-text-box:hover h3 {
        color: #3c83e9
    }

    #index-page .guide .grid-box .news-text-box p {
        color: #636e79;
        display: -webkit-box;
        font-size: 16px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    #index-page .guide .grid-box .news-text-box time {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABdXV1cXFxeXl5eXl5dXV1cXFxeXl5dXV1dXV1eXl5eXl9eXl5eXl5eXl5eXl5eXl5eXl5eXl5cXFxeXl5eXl5eXl5eXl5eXl5ZWVleXl5eXl5fX19eXl5eXl5dXV45fG6pAAAAHnRSTlMAogesnTEn7SweD/SRdTwW9tu1lY5/aF02IhrEixe17I6vAAAAj0lEQVQY0z1NCQ7DIAwLUHqzdT3XbjP//+VyiFrCIrbjkOJ3jOPR0Y0Fisrb+GwQHkTvCrBQAxn5RUySqRCZBzCdmHkBQWKvQdjhpB2tCo1wjcQbvRZNJMiuCBtWFQLtuVZvhSPqsNElHyv0NGYuDLAIycUPs0dRuiH3dgtL9L79Ikdz+gDFfFFBm5xLZv8B2wIJCbh6FdgAAAAASUVORK5CYII=");
        background-position: 0;
        background-repeat: no-repeat;
        color: #636e79;
        display: block;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        padding-left: 20px
    }

    #index-page .blue-move-btn.pc-block, #index-page .guide .grid-box .a-clo {
        display: block
    }

    #index-page .bottom-adv .blue-move-btn.have-icon {
        line-height: 72px
    }

    #index-page .down-load ul li div img {
        width: 45px
    }

    #index-page .what-is-mt5.why-mt5 .text-content {
        padding-bottom: 0
    }

    #index-page .what-is-mt5.why-mt5 .w-1300px-container {
        padding: 40px 50px
    }

    #index-page .what-is-mt5.why-mt5 .w-1200px-container {
        background-image: url(/static/home/images/card.dubiowwe.png);
        padding-top: 154px
    }

    #index-page .special-of-mt5 ul li div {
        align-items: flex-start;
        display: flex;
        height: 60px;
        justify-content: space-between;
        margin-bottom: 20px
    }

    #index-page .special-of-mt5 ul li div img {
        height: 26px;
        min-width: 26px;
        width: 26px
    }

    #index-page .special-of-mt5 ul li h3 {
        color: #38424d;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.2
    }

    #index-page .special-of-mt5 ul li p {
        color: #636e79;
        font-size: 16px;
        line-height: 1.5
    }

    #index-page .bottom-adv {
        background-image: url(/static/home/images/bottom-bg.dhgeocr1.jpg)
    }

    #index-page .bottom-adv .flex-box .blue-move-btn.red {
        font-size: 20px;
        margin-left: 60px
    }

    #index-page .bottom-adv .flex-box .blue-move-btn {
        margin: 0
    }

    #index-page .bottom-adv .flex-box {
        display: flex;
        justify-content: center
    }

    #index-page .bottom-adv h2 {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 60px
    }

    #index-page .bottom-adv {
        border-radius: 20px;
        padding: 88px 0
    }

    #index-page .down-load ul {
        grid-template-columns:repeat(6, 1fr);
        justify-content: center;
        grid-gap: 24px;
        margin-bottom: 112px
    }

    #index-page .down-load ul li p {
        font-size: 18px;
        letter-spacing: 1px
    }

    #index-page .down-load ul li div {
        height: 120px
    }

    #index-page .down-load h2 {
        font-size: 48px;
        margin-bottom: 116px
    }

    #index-page .down-load {
        margin-bottom: 196px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li div {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7ElEQVQ4jaXTQUpDMRDG8Z9RlF6j4KIKegfpoqLHKOjCjRdRBIWKdePOAwguipewCm4KHkKEiiIjefJ8grTxg0CYyf9LMpksXFxda2gNffTQzqkJbjHEY315qs2XcYp7HKKDlTw6ORa5AVoVtFSDb9BtHqeh2HAPq9jGtDrB8QxwXVs4qq6wnl3n1X6wKRdsscAgmH7K1S5VL9WeqkTt9A9Y9QqTX+HZ9Zxyh5VqFAaXeC8wCGYYBmOcFxgEM66KGH0+mgO+y8z3Z5piB2f4+AOMXOy8m5kfvzECB9jACZ7whhc85NhmbuHXLwKfS+Irkqg7ZLgAAAAASUVORK5CYII=");
        background-position: 0 0;
        background-repeat: no-repeat;
        padding-left: 28px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li {
        padding-left: 92px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li:first-of-type {
        height: 140px;
        padding-top: 64px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li:nth-of-type(2) {
        height: 180px;
        padding-top: 56px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li:nth-of-type(3) {
        height: 144px;
        padding-top: 60px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(3) li:nth-of-type(4) {
        height: 175px;
        padding-top: 68px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(2) li:first-of-type p {
        line-height: 140px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(2) li:nth-of-type(2) p {
        line-height: 185px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(2) li:nth-of-type(3) p {
        line-height: 144px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(2) li:nth-of-type(4) p {
        line-height: 175px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:nth-of-type(2) li p {
        color: #f35353;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        text-align: center
    }

    #index-page .mt5-vs-mt4 .flex-box ul p {
        color: #636e79;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 2
    }

    #index-page .mt5-vs-mt4 .flex-box ul h4 {
        color: #38424d;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1;
        margin: 0 0 12px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:first-of-type li:nth-of-type(2) p {
        line-height: 1.5
    }

    #index-page .mt5-vs-mt4 .flex-box ul:first-of-type li {
        padding: 28px 0 28px 92px
    }

    #index-page .mt5-vs-mt4 .flex-box ul:first-of-type li div {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA50lEQVQ4jaXTQUoDQRBG4c9RvIcBNwp6B3ERibtcIaCCGy+iuHAhxmMIWQRPEQU3Ac8gIkQUqaEik4TAZPIvq/u9brqrNj66XXPZQw8n2MmlMQbo47W6vSrYxjUuUMxbM794wBW+orRVgZ9wvIDMJsRn2M0bTqYn3dSAqznK25bG/bSumvNgi3ywzQaCYHohaC8s1U87BK01BK1l31U35S+M1xC8F9lhTTMMwSN+GgiC6YdghPsGgmBG00eM3h6uAD8n8z80E3RwlwOzLLEWJ58mMzN1UbjEAW7xhm984iVrh9nC5STCH3iPLLos9lZGAAAAAElFTkSuQmCC");
        background-position: 0 0;
        background-repeat: no-repeat;
        padding-left: 28px
    }

    #index-page .mt5-vs-mt4 .flex-box {
        display: grid;
        grid-template-columns:528px 144px 528px
    }

    #index-page .mt5-vs-mt4 div.pc-block {
        background-image: url(/static/home/images/table-bg.ddqlbmgf.png);
        background-position: center top -6px;
        background-size: 1200px 726px
    }

    #index-page .mt5-vs-mt4 .title-box h3:nth-of-type(2) {
        color: #636e79
    }

    #index-page .mt5-vs-mt4 .title-box h3 {
        color: #fff;
        font-size: 24px;
        line-height: 70px;
        text-align: center
    }

    #index-page .mt5-vs-mt4 .title-box {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 144px
    }

    #index-page .mt5-vs-mt4 p.under {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 88px
    }

    #index-page .mt5-vs-mt4 h2 {
        font-size: 48px;
        margin-bottom: 40px
    }

    #index-page .mt5-vs-mt4 {
        background-image: url(/static/home/images/sec-4-bg.og_kabfe.png);
        margin-bottom: 164px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 88px 0 146px
    }

    #index-page .what-is-mt5.why-mt5 .blue-move-btn {
        display: block;
        margin-top: 120px
    }

    #index-page .what-is-mt5.why-mt5 .w-1200px-container {
        padding-bottom: 52px;
        padding-right: 140px
    }

    #index-page .signal {
        margin-bottom: 92px
    }

    #index-page .signal .word-box {
        margin-right: 100px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 24px;
        width: 592px
    }

    #index-page .signal .flex-box {
        display: flex
    }

    #index-page .signal .blue-move-btn.have-icon {
        margin-left: 0;
        margin-top: 60px
    }

    #index-page .signal .word-box div p {
        background-size: 19px 18px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 28px;
        padding-left: 28px
    }

    #index-page .signal .word-box > p:nth-of-type(3) {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 26px;
        margin-bottom: 60px
    }

    #index-page .signal .word-box > p:nth-of-type(2) {
        font-size: 24px;
        margin-bottom: 60px;
        width: 490px
    }

    #index-page .signal .word-box > p:first-of-type {
        font-size: 24px;
        margin-bottom: 20px
    }

    #index-page .signal img {
        margin-left: 0;
        margin-right: 0;
        margin-top: -52px;
        order: 2;
        width: 507px
    }

    #index-page .signal h2 {
        font-size: 48px;
        margin-bottom: 88px
    }

    #index-page .special-of-mt5 ul li:hover {
        position: relative;
        top: -20px
    }

    #index-page .special-of-mt5 ul li {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 10px 10px 0 rgba(56, 66, 77, .05);
        height: 340px;
        padding: 40px 28px
    }

    #index-page .special-of-mt5 {
        background-image: url(/static/home/images/sec-3-bg.berrqsju.png);
        border-radius: 20px;
        margin-bottom: 166px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 88px 0 146px
    }

    #index-page .special-of-mt5 ul {
        grid-template-columns:repeat(4, 272px);
        grid-gap: 36px
    }

    #index-page .special-of-mt5 p.under {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 26px;
        margin-bottom: 88px
    }

    #index-page .special-of-mt5 h2 {
        font-size: 48px;
        margin-bottom: 40px
    }

    #index-page .what-is-mt5 {
        margin-bottom: 60px
    }

    #index-page .what-is-mt5 .move-icon {
        display: block;
        top: 418px;
        width: 199px
    }

    #index-page .what-is-mt5 h2 {
        background-color: unset;
        font-size: 48px;
        margin-bottom: 88px;
        padding: 0
    }

    #index-page .what-is-mt5 p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 26px;
        margin-bottom: 20px
    }

    #index-page .what-is-mt5 .text-content {
        box-shadow: none;
        margin: 0;
        padding: 0 0 0 110px
    }

    #index-page .what-is-mt5 .w-1200px-container {
        background-color: #f3f8fd;
        background-image: url(/static/home/images/card.dubiowwe.png);
        background-position: top 48px left 50px;
        background-repeat: no-repeat;
        background-size: auto;
        border-radius: 20px;
        margin: 0;
        padding: 154px 162px 112px 92px
    }

    #index-page .what-is-mt5 .w-1300px-container {
        padding: 40px 50px
    }

    #index-page .w-1300px-container {
        max-width: 1300px;
        padding: 40px 50px
    }

    #index-page .banner .blue-move-btn {
        margin-left: 0
    }

    #index-page .banner .title-pic {
        margin-bottom: 36px;
        margin-left: 0;
        width: 400px
    }

    #index-page .jump-target {
        display: block;
        height: 0;
        position: relative;
        top: -80px
    }

    #index-page .bottom {
        padding: 40px 0
    }

    #index-page .bottom .flex-btn-box {
        display: flex;
        justify-content: center
    }

    #index-page .bottom .blue-move-btn:last-of-type {
        margin-right: 0
    }

    #index-page .bottom .blue-move-btn {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 52px
    }

    #index-page .bottom p {
        font-size: 34px;
        margin-bottom: 44px
    }

    #index-page .question ul {
        max-width: 631px
    }

    #index-page .question h2 {
        margin-bottom: 56px
    }

    #index-page .question .answer-box {
        padding: 28px 20px 26px
    }

    #index-page .question {
        background-image: url(/static/home/images/question-bg.cmrfajmi.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 1920px;
        padding: 80px 0 64px
    }

    #index-page .guide {
        margin-bottom: 100px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 88px 0 146px
    }

    #index-page .guide h2.common-head {
        font-size: 48px;
        margin-bottom: 88px;
        text-align: center
    }

    #index-page .guide .grid-box {
        grid-template-columns:repeat(3, 1fr);
        grid-gap: 0 40px
    }

    #index-page .guide .grid-box .news-text-box {
        margin-bottom: 24px;
        margin-left: 32px;
        margin-right: 32px
    }

    #index-page .guide .grid-box .a-clo img {
        height: 190px;
        margin-bottom: 24px;
        width: 380px
    }

    #index-page .protect {
        margin-bottom: 80px
    }

    #index-page .protect ul {
        grid-template-columns:repeat(4, 1fr)
    }

    #index-page .protect {
        background-image: url(/static/home/images/blue-bg-sec.db1gqcmz.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    #index-page .protect h2 {
        font-size: 32px;
        margin-bottom: 48px
    }

    #index-page .desk-and-web .web p {
        margin-bottom: 50px
    }

    #index-page .desk-and-web .desk p {
        margin-bottom: 20px
    }

    #index-page .android-and-ios .ios .pic-bg {
        background-position: 100% 0, left 16px bottom;
        background-size: 251px, 231px
    }

    #index-page .android-and-ios .ios {
        max-width: 687px;
        min-width: 687px
    }

    #index-page .android-and-ios {
        display: flex
    }

    #index-page .android-and-ios .android {
        margin-right: 34px;
        min-width: 479px
    }

    #index-page .android-and-ios .android .pic-bg {
        background-position: right 24px top 16px;
        background-size: 265px
    }

    #index-page .android-and-ios .android p {
        margin-bottom: 20px
    }

    #index-page .android-and-ios .ios p {
        margin-bottom: 88px;
        max-width: 405px
    }

    #index-page .android-and-ios .ios h3 {
        margin-bottom: 20px
    }

    #index-page .android-and-ios .android h3 {
        margin-bottom: 114px
    }

    #index-page .android-and-ios .pic-bg {
        padding: 52px 24px 24px
    }

    #index-page .android-and-ios > div {
        margin-bottom: 92px
    }

    #index-page .desk-and-web > div {
        margin-bottom: 40px
    }

    #index-page .desk-and-web .web .pic-bg {
        background-position: right 27px top 20px;
        background-size: 279px
    }

    #index-page .desk-and-web .pic-bg {
        padding: 52px 24px 24px
    }

    #index-page .desk-and-web .desk .pic-bg {
        background-position: right 68px top;
        background-size: 401px
    }

    #index-page .desk-and-web .desk {
        margin-right: 32px;
        min-width: 687px
    }

    #index-page .desk-and-web {
        display: flex
    }

    #index-page .desk-and-web .web h3 {
        margin-bottom: 78px
    }

    #index-page .desk-and-web .desk h3 {
        margin-bottom: 108px
    }

    #index-page .four-pic-text-sec p {
        font-size: 16px;
        line-height: 28px
    }

    #index-page .four-pic-text-sec h3 {
        font-size: 28px
    }

    #index-page .adv-of-mt5 {
        margin-bottom: 56px
    }

    #index-page .adv-of-mt5 ul li p {
        line-height: 24px;
        margin-bottom: 12px
    }

    #index-page .w-1200px-container {
        padding: 0
    }

    #index-page .adv-of-mt5 ul {
        margin-top: 64px
    }

    #index-page .adv-of-mt5 .flex-box {
        display: flex
    }

    #index-page .adv-of-mt5 .pic {
        margin-bottom: 0;
        margin-right: -40px;
        padding-left: 0
    }

    #index-page .adv-of-mt5 .title-box {
        margin-bottom: 20px
    }

    #index-page .common-head {
        font-size: 32px
    }

    #index-page .blue-move-btn.have-icon img {
        margin-left: 24px;
        width: 35px
    }

    #index-page .blue-move-btn.have-icon {
        font-size: 24px;
        line-height: 72px;
        width: 320px
    }

    #index-page .blue-move-btn.m-block {
        display: none
    }

    #index-page .blue-move-btn {
        font-size: 14px;
        line-height: 42px;
        width: 185px
    }

    #index-page .banner p {
        font-size: 24px;
        margin-bottom: 60px;
        text-align: left
    }

    #index-page .banner h2 {
        font-size: 61px;
        line-height: 68px;
        margin-bottom: 24px;
        text-align: left
    }

    #index-page .banner {
        background-image: url(/static/home/images/banner.ix_mlnxr.jpg);
        background-position: 50%;
        margin-bottom: -92px;
        padding: 120px 0 464px
    }

    #index-page {
        margin-top: 80px
    }
}


a {
    text-decoration: none;
}

.post-section {
    padding: 3rem 0;
}

.post-section .header h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.post-section .post-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

@media screen and (max-width: 1024px) {
    .post-section .post-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .post-section .post-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .post-section .post-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.post-section .post-item {
    background: #ffffff;
    box-shadow: 0 0 8px 2px #c9c9c9;
    border-radius: 8px;
    overflow: hidden;
}

.post-section .post-item .item-box {

}

.post-section .post-item .item-box .img,
.post-section .post-item .item-box .img img {
    width: 100%;
}

.post-section .post-item .item-box .img img {
    aspect-ratio: 1.8;
}

.post-section .post-item .item-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.post-section .post-item .item-box .post-body {
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.post-section .post-item .item-box .post-body .time {
    font-size: .8rem;
}

.pagination {
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.pagination .page-item .page-link {
    padding: 5px 10px;
    border: 1px solid #1d75d9;
}

.pagination .page-item.active .page-link {
    background-color: #1d75d9;
    color: #ffffff;
}


.breadcrumbs {
    background-color: #f3f3f3;
    padding: 4rem 0;
}


.breadcrumbs .breadcrumbs-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.breadcrumbs h2 {
    font-size: 3rem;
    margin-bottom: .8rem;
}

.breadcrumbs nav {
    padding: 20px 0;
    border-top: 2px solid rgb(255 255 255 / 35%);;
}

.breadcrumbs nav ol {
    padding-left: 0;
    display: flex;
}

.breadcrumbs nav ol li + li {
    padding-left: 10px;
}

.breadcrumbs nav ol li + li::before {
    display: inline-block;
    padding-right: 10px;
    color: #222222;
    content: "/";
}

.breadcrumbs a {
    color: #1d75d9;
}

.breadcrumbs .image-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

.breadcrumbs .pages-images {
    background: #ffffff;
    padding: 46px;
    border-radius: 2px;
    top: 40px;
    border: 2px solid #eeeeee;

}

.breadcrumbs .pages-images img {
    height: 200px;
}

@media screen and (max-width: 1200px) {
    .breadcrumbs .breadcrumbs-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .breadcrumbs .image-right {
        justify-content: center;
    }
}

.category-container {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 3rem 0;
}

.category-container p {
    font-size: 1.1rem;
}

.category-container h3 {
    font-size: 2rem;
}

.link-container {
    display: flex;
    justify-content: start;
    margin-top: 2rem;
}