body {
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: 0;
    color: #333;
    overflow-x: hidden;
    font-family: Gotham, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "宋体", SimSun, STXihei, "华文细黑", sans-serif;
    background: #f7f7f7;
    overflow-x: hidden;
}
.navbar-brand img {
    height: 80px;
}
.flex{display: flex}
a {
    color: #053c50;
    transition: color .3s;
}
.main-content {
    z-index: -2;
    overflow: hidden;
}
a:hover {
    color: #0ab45b !important;
}
.text-underline{
    text-decoration: underline!important;
}
.font-sm{
    font-size: 1em!important;
}
.bg-gray {
    background: #f3f3f3;
}

.mbtn {
    height: 35px;
    line-height: 35px;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 3px;
    padding: 0 10px;
    font-weight: 600;
    letter-spacing: .5px;
}

.orange {
    background: #ff8c0f !important;
}

.green {
    background: #0ab45b !important;
}



/*index banner*/
.banner-container {
    width: 100%;
    height: 660px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

.banner-container h4 {
    font-size: 2.2em;
    line-height: 2.5rem;
}

.banner-btn {
    width: 210px;
    border: none;
    line-height: 30px;
    height: 42px;
    font-weight: bolder;
    letter-spacing: 2px;
    background: #ff8d2c;
    color: #fff;
    border-radius: 5px;
    outline: none;
}

.img-btn-group button:after {
    content: "";
    display: block;
    width: 130px;
    height: 150px;
    position: absolute;
    left: 1px;
    top: calc(100% - 1px);
    background: #0e51a3;
    border-radius: 0 5px 0 0;
}

.img-btn-group button img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px;
    background: #ff8d2c;
    border-radius: 0 0 5px 5px;
}

.img-btn-group button {
    border: none;
    outline: none;
    background: #ff8d2c;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 42px;
    text-align: left;
    border-radius: 5px 5px 0 5px;
    position: relative;
    width: 280px;
    padding-left: 10px;
}

.banner-container .btn-group {
    min-height: 220px;
}

.banner-container ul {
    padding-left: 2em;
    margin: 2em 0;
}

.img-btn-group {
    margin-left: 2em;
}

.img-btn-group.dg-green button:after {
    background: #23aa5b;
}

.img-btn-group.bg-yellow img {
    background: #fcd92a;
}

.img-btn-group.bg-yellow button {
    background: #fcd92a;
}

.banner-container p a {
    color: #fff;
    text-decoration: underline;
    outline: none;
}

.banner-container p a:hover {
    color: #fff !important;
}

.banner-container h1 {
    background: #fff;
    color: #0855b4;
    width: fit-content;
    letter-spacing: 1px;
}

.section-2 h4, .section-2 button {
    line-height: 40px;
}

.section-2 .mbtn {
    font-weight: bold;
    padding: 0 2em;
    height: 40px;
}

.section-2 h4 {
    font-size: 1.8em;
    letter-spacing: 1px;
}

.section-3 {
    background: #f0f0f0;
}

.section-3 h4, .comp-research h4 {
    font-size: 2.3em;
}

.section-3 p {
    font-size: 1.3em;
    line-height: 1.4em;
}
.comp-research p {
    font-size: 1.3em;
    color: #7b7b7b;
    line-height: 1.4em;
    margin: 1.5em 0;
}
.section-3 ul {
    padding-left: 1em;
    font-size: 1.2em;
    line-height: 2.4em;
}

.mbtn {
    height: 40px;
    line-height: 40px;
    padding: 0 2em;
    display: inline-block;
}

.mbtn.green:hover {
    color: #fff !important;
    text-decoration: none;
}

/*index*/
.multi a {
    font-weight: bold;
}

.comp-research ul li p {
    font-size: .8em;
    color: #a7a7a7;
    margin-bottom: 1em;
}

.comp-research ul li a {
    font-size: 1.2em;
    line-height: 3em;
}

.comp-research ul li {
    border-top: 1px solid #d2d2d2;
}

.comp-research ul {
    list-style: none;
    padding-left: 0;
    /* border-top: #f0f0f0 1px solid; */
}

.comp-research h6 {
    font-size: 1.4em;
}

a.jump-link {
    font-size: 1.2em;
    font-weight: bold;
}

.section-5 h3 {
    max-width: 768px;
    margin: auto;
}

.bg-orange {
    background-color: #ff8c0f !important;
}

.text-orange {
    color: #ff8c0f !important;
}

.section-5 p a {
    text-decoration: underline;
}

.index .section-5 p a:hover {
    color: #fff !important;
}

.bg-blue {
    background-color: #0855b4 !important;
}

.footer .contact-icon icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: #053c50;
    background-size: cover;
    margin-left: 10px;
    float: right;
    transition: background-color .3s;
}

.footer .contact-icon icon:hover {
    background-color: #0ab45b;
}

.contact-icon span {
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
}

.contact-icon {
    display: table-cell;
    vertical-align: middle;
}

.layer-qrcode {
    position: relative;
}

.layer-qrcode:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 17px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    margin-bottom: -1px;
    border-bottom-width: 12px;
    border-bottom-color: currentColor;
    color: #0ab45b;
    display: none;
}
.layer-qrcode.active:after{
    display: block;
}
.layer-qrcode > img {
    width: 120px;
    height: 120px;
    position: absolute;
    left: -42px;
    top: 40px;
    border: 5px solid #0ab45b;
    display: none;
    z-index: 99;
}
.layer-qrcode.active > img {
    display: block;
}
.f1lp{
    line-height: 35px;
}
.foot-nav h6{
    font-weight: bold;
    margin-bottom: 2em;
}
.foot-nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.foot-nav ul li{
    line-height: 2.4em;
}
.swiper-container{
    z-index: 0!important;
}
.foot-des>p{
    text-align: justify;
    color: #333;
}
.foot-des>p:first-child{
    font-weight: 600;
}
/*crumb*/
.crumb ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.crumb ul li{
    display: inline-block;
    font-size: .8em;
}
.crumb ul li i.fa{
    margin: 0 1em;
}
/*page-platform*/
.page-platform .section-1{
    text-align: center;
}
.page-platform .section-1 h1{
    margin-bottom: .5em;
}
.page-platform .section-1 p{
    font-size: 1.3em;
    margin-bottom: 0;
}
.tit-blue{
    height: 100px;
    background: url("/static/fonts/blue simple hero pattern.svg") no-repeat #0855b4;
}
.tit-blue .position-relative{
    height: 100px;
}
.tit-blue h3 {
    background: #fff;
    position: absolute;
    bottom: 0;
    letter-spacing: 2px;
    font-size: 2.6em;
    padding: 0 .2em;
    margin-bottom: 0;
}
.page-platform .section-3 p{
    font-size: 1.15em;
    line-height: 1.6em;
}
.page-platform .section-3 p.kaihu{
    font-size: 1em;
    margin-top: 1em;
}
.page-platform .section-3 p.kaihu a{
    text-decoration: underline;
}
.page-platform .section-4 h3 {
    font-size: 2.4em;
    margin-bottom: 3em;
}
.platform-swiper img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.platform-swiper h5{
    font-size: 1.6em;
    margin-bottom: 1em;
}
.platform-swiper p{
    font-size: 1.1em;
    line-height: 1.8em;
}
.platform-swiper a{
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1px;
}
.platform-swiper .col-md-5{
    padding: 5em 15px;
}
.platform-swiper .swiper-pagination{
    position: unset!important;
    margin: 5em 0 3em;
}
.platform-swiper .ms-pagenation{
    background: none;
    color: #333;
    padding: 0 25px;
    cursor: pointer;
    font-weight: 600;
    transition: color .3s;
    outline: none!important;
}
.platform-swiper .ms-pagenation.swiper-pagination-bullet-active{
    color: #0ab45b;
    outline: none;
}
.page-platform .section-5 p{
    line-height: 40px;
    font-size: 1.7em;
    margin-bottom: 0;
    color: #fff;
}
.mbtn{
    outline: none;
}
.bg-orange .mbtn.bg-white{
    color: #ff8c0f;
    font-weight: bold;
}
.platform-des h3{
    margin-bottom: 1em;
}
.platform-des p{
    font-size: 1.2em;
}
.platform-des h3 span{
    background: #0ab45b;
    color: #fff;
    font-size: 1.2em;
    padding: 5px;
}
.platform-des ul{
    padding-left: 19px;
    font-size: 1.1em;
    line-height: 2em;
}
.platform-des .col-md-6:first-child{
    padding-bottom: 5em;
}
.table-cell{
    display: table-cell;
    overflow: inherit;
}
.sec-advantage p{
    font-size: 1.1em;
}
.sec-advantage .advantage-icon>.col-6{
    padding: 30px;
}
.sec-advantage .advantage-icon>.col-6 p{
    margin: 15px 0 0;
}
.sec-guide .guide-icon p:nth-child(2){
    font-weight: bold;
    font-size: 1.2em;
}
.jump-link-sm{
    font-weight: 600;
}
.page-platform .section-10{
    background: url("/static/fonts/bluebgcandles.svg") #32afea no-repeat;
}
a.mbtn.orange:hover{
    color: #fff!important;
    text-decoration: none!important;
}
.page-platform .section-10 .kaihu a{
    text-decoration: underline;
    color: #fff;
}
.page-platform .section-10 .kaihu a:hover{
    color: #fff!important;
}
.page-overview .section-1{
    background: url("/static/fonts/overview bg.svg") #0855b4 no-repeat;
    max-height: 355px;
    overflow: hidden;
}
.page-overview .section-1 h1{
    margin-bottom: 1em;
}
.page-overview .section-1 h1 span{
    background: #fff;
    color: #0855b4;
    padding-bottom: 5px;
}
.page-overview .section-1 p{
    color: #fff;
    font-size: 1.2em;
}
.page-overview .section-1 .kaihu{
    font-size: 1.1em;
}
.page-overview .section-1 .kaihu a{
    text-decoration: underline;
    color: #fff;
}
.page-overview .section-1 .kaihu a:hover{
    color: #fff!important;
}
.platform-des-con .col-md-5 h5{
    margin-bottom: 1em;
}
.platform-des-con .col-md-5 p{
    font-size: 1.1em;
}
.platform-des-con .col-md-5 ul{
    padding-left: 19px;
    font-size: 1.1em;
    line-height: 2em;
}
.platform-des-con .col-md-5 a{
    font-size: 1.1em;
    font-weight: 600;
}
.platform-des-con .row{
    padding: 30px 0;
    border-bottom: 1px solid #efefef;
}
.page-overview .section-3  p {
    line-height: 40px;
    font-size: 1.7em;
    margin-bottom: 0;
    color: #fff;
}
.page-overview .section-3 .mbtn:hover{
    color: #ff8c0f !important;
    text-decoration: none;
}
.tit h3{
    margin-bottom: .8em;
}
.tit p{
    margin-bottom: 2em;
}
.page-mobile-trading .section-2 .col-md-5 p,.page-pc-trading .section-2 .col-md-5 p,.page-web-trading .section-2 .col-md-5 p{
    font-size: 1.15em;
}
.page-mobile-trading .section-2 .col-md-5 ul,.page-pc-trading .section-2 .col-md-5 ul,.page-web-trading .section-2 .col-md-5 ul{
    padding-left: 19px;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 1em;
}
.page-mobile-trading .section-3 h5{
    margin: 1.4em 0 .4em;
}
.page-mobile-trading .section-3 p{
    font-size: 1.1em;
}
.page-mobile-trading .swiper-slide ul{
    padding-left: 19px;
    font-size: 1.1em;
    line-height: 2em;
}
.sec-advantage h5{
    margin: .8em 0;
}
.page-pc-trading .section-7{
    background: url("/static/fonts/advanced mkt lt blue2.svg") no-repeat #32afea;
    padding: 80px 0;
}
.page-pc-trading .mbtn.bg-white:hover{
    color: #32afea!important;
    text-decoration: none!important;
}
.page-web-trading .section-7, .guide{
    padding: 80px 0;
    background:url("/static/fonts/marketinglimegreengraphic.svg") #9ec400 no-repeat;
}
.page-web-trading .mbtn.bg-white:hover{
    color: #9ec400!important;
    text-decoration: none!important;
}
.kaihu a.text-white:hover{
    color: #fff!important;
}
.page-mt4 .section-1 {
    background: url("/static/fonts/cn meta bg.svg") no-repeat #0855b4;
    color: #fff;
}
.page-mt4 .section-1 h1 span{
    background: #fff;
    color: #0855b4;
    padding: 5px;
}
.pt-10{
    padding-top: 80px;
}
.pb-10{
    padding-bottom: 80px;
}

.page-mt4 .sec-advantage h3{
    font-size: 1.7em;
}
.page-mt4 .platform-des p{
    font-size: 1em;
    line-height: 1.6em;
}
.page-mt4 .platform-des .col-md-5{
    margin-top: 20px;
}
.page-mt5 .section-1 {
    background: url('/static/images/mt5 overview hero background.png') no-repeat #0855b4;
    background-size: cover;
    background-position: center top;
}
.page-mt5 .section-1{
    color: #fff;
}
.page-mt5 .section-1 p.mt-4{
    font-size: 1.4em;
}
.page-mt5 .section-1 ul{
    padding-left: 19px;
    line-height: 2em;
}
.short-tit p{
    line-height: 40px;
    font-size: 1.7em;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
}
.bg-green{
    background: #0ab45b;
}
.short-tit.bg-green a{
    color: #0ab45b;
}
.short-tit.bg-green a:hover{
    color: #0ab45b!important;
    text-decoration: none;
}
.text-green{
    color: #0ab45b!important;
}
.mbtn.text-green{
    color: #0ab45b;
    text-decoration: none;
}
.page-markets .section-2 p:first-child {
    font-size: 1.5em;
}
.page-markets .section-2 ul{
    padding-left: 19px;
    font-size: 1.2em;
    line-height: 2em;
}
.markets-type h5{
    font-size: 1.5em;
    margin: 1em 0;
}
.markets-type p{
    max-width: 280px;
    margin: auto;
    font-size: 1.1em;
}
.markets-type .col-md-4{
    margin-bottom: 5em;
}
.ftitle{
    font-size: 1.4em!important;
    color: #7d7d7d;
}
.page-markets .section-4 p{
    font-size: 1.1em;
}
.page-mt4-web .section-2 p{
    font-size: 1.15em;
}
.page-mt4-web .section-2 ul{
    padding-left: 19px;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 1em;
}

.page-mt4-web .section-3 h3 {
    margin-bottom: 25px;
}
.page-mt4-web .section-3 h5{
    margin: 20px 0;
    font-size: 18px;
}
.page-mt4-web .section-3 p{
    font-size: 16px;
}
.page-mt4-web .section-4 h3 {
    margin-bottom: 45px;
}
.page-mt4-web .section-4 p{
    font-size: 16px;
}
.page-mt4-web .section-4 h5 {
    font-size: 20px;
    margin-bottom: 20px;
}
.page-mt4-web .section-4 ul{
    padding-left: 16px;
    font-size: 16px;
    line-height: 32px;
}
.down-tri-center {
    position: relative;
}
.down-tri-center:before{
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -15px;
    border-width: 15px;
    bottom: -15px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    color: #fff;
}
.page-mt4-mobile .section-2 {
    background: #0855b4 url("/static/images/bluepointerheropattern.svg") no-repeat;
}
.font-16 {
    font-size: 16px;
}
.mt--182 {
    margin-top: -182px;
}
.page-mt4-mobile .section-2>.container {
    padding-bottom: 180px;
}
.page-mt4-mobile .section-2 .mt--182 {
    border-radius: 5px;
    overflow: hidden;
}
.page-mt4-mobile .section-2 .mt--182 .col-md-6 {
    border-right: 1px solid #efefef;
}
.than-small p {
    font-size: 15px;
}
.than-small h5 {
    margin-bottom: 15px;
}
.than-small img {
    margin-bottom: 15px;
}
.than-small {
    padding: 15px;
}
.page-mt4-apps .section-2 p.mt-4 {
    font-size: 20px;
}
.page-mt4-apps .section-2 ul {
    font-size: 17px;
    line-height: 38px;
    padding-left: 1em;
}
.w6h3 {
    width: 600px;
    height: 313px;
}
.font-18 {
    font-size: 18px;
}
.pl1em {
    padding-left: 1em;
}
.index-item img{
    margin: 20px auto;
    display: block;
}
.index-item ul{
    font-size: 16px;
    line-height: 32px;
}
.index-15 {
    padding: 25px 0;
    text-align: center;
}
.index-15 img {
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    body{
        font-size: 14px;
    }
    .page-mt4-mobile .section-2 .mt--82 .col-md-6 {
        border-right: none;
    }
    .mobile-none{
        display: none!important;
    }
    .tit-blue h3{
        font-size: 1.7em;
    }
    .pt-10{
        padding-top: 40px;
    }
    .pb-10{
        padding-bottom: 40px;
    }
    h3{
        font-size: 1.7em;
    }
    .banner-container {
        min-height: 380px;
        height: auto;
    }

    .banner-container {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: left bottom !important;
    }

    .banner-container .btn-group {
        display: block;
    }

    .banner-container .btn-group .banner-btn {
        margin-bottom: 1em;
    }

    .banner-container .btn-group .img-btn-group {
        margin-left: 0;

    }

    .banner-container .btn-group {
        min-height: 260px;
    }

    .banner-container h1 {
        font-size: 1.6rem;
    }

    .banner-container h4 {
        font-size: 1.4em;
        font-weight: bold;
    }
    .section-4 h6{
        margin-top: 2em;
    }
    .contact-icon {
        margin-top: 15px;
    }
    .page-platform .section-1 h1{
        font-size: 2em;
    }
    .page-platform .section-2 h3{
        font-size: 1.8em;
    }
    .platform-swiper .swiper-pagination{
        margin: 0;
    }
    .platform-swiper .col-md-5 {
        padding: 2em 15px 0;
        text-align: center;
    }
    .page-platform .section-4 h3 {
        font-size: 1.5em;
        margin-bottom: 1em;
    }
    .platform-swiper h5{
        font-size: 1.3em;
    }
    .page-platform .section-5 .mbtn{
        margin-top: 15px;
    }
    .platform-des .col-md-6:first-child{
        padding-bottom: 0;
    }
    .platform-des-con .col-md-5 h5{
        margin-top: 1em;
    }
    .page-overview .section-3 .mbtn{
        margin-top: 15px;
    }
    .page-mt4 .section-2 .mbtn{
        margin-top: 25px;
    }
    .page-mt4 .advantage-icon .col-md-4:nth-child(n+2){
        margin-top: 50px;
    }
}