#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: skew(-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), url(ios-pic-2.B0mPamzH.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 #38424d0d;
    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 #00000038;
    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.diillvur.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 #38424d0d;
    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 #38424d0d;
        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
    }
}

#head .m-nav-box.show {
    display: block!important;
}

#index-page .banner p.banner-desc {
    width: 50%;
    line-height: 1.3;
}

#index-page .banner h2.title {
    width: fit-content;
    background-image: linear-gradient(to right, #3343bd, #d33737);
    -webkit-background-clip: text;
    color: transparent;
}

@media screen and (max-width: 1200px){
    #index-page .banner p.banner-desc {
        width: 100%;
    }
}