.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-spacebetween{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .container {
    width: 100%;
    max-width: 1600px !important;
    margin: 0 auto;
} */
/* banner */
/* #fx-banner{
    margin: 120px auto 138px auto;
    padding: 64px 160px;
}
.fx-banner-title{
    margin-bottom: 16px;
}
.fx-banner-title-box{
    width: 637px;
    display: flex;
    justify-content: space-between;
    margin-right: 51px;
}
.fx-banner-title-text{
    line-height: 85px;
    font-size: 64px;
}
.fx-banner-sub-title-text{
    font-size: 28px;
    line-height: 37px;
    letter-spacing: 1.5px;
    color: #36383B;
    margin-bottom: 3px;
} */
.innner-pc.swiper-container {
    margin-bottom: 180px;
}
.innner-pc .pc-small-title {
    padding-top: 148px;
}
.innner-pc .banner-text-title {
    text-align: center;
    padding: 0 0 16px;
}
.innner-pc .banner-text-content {
    font-size: 28px;
    font-weight: normal;
    line-height: 38px;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width:650px;
}
.banner-text-content2 {
    text-align: center;
}
@media screen and (max-width: 1560px) {
    #swiper-slide-desktop-1 .container > * {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .innner-pc .banner-text-title {
        /* max-width: 398px; */
        font-size:50px;
    }
}
.innner-pc .swiper-slide {
    background-size: 1454px 504px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
    .innner-wap.swiper-container {
        height: 675px;
        margin-bottom: 24px;
    }
    .innner-wap .swiper-slide {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .innner-wap .wap-small-title {
        padding-top: 114px;
    }
    .innner-wap .banner-text-title {
        line-height: 40px;
        padding: 0 0 24px;
    }
    .innner-wap .banner-text-content {
        margin-bottom: 24px;
    }
    .innner-wap .banner-text-content2 {
        text-align: center;
    }
}
@media screen and (max-width:834px) {
    .rtl .innner-wap .wap-small-title {
        padding-top: 70px;
    }
}
/* part1 */
#fx-dividend-part1{
    margin-bottom: 160px;
}
.fx-part1-title-text, .fx-part2-title-text, .fx-part3-title-text{
    color: var(--color-brand-Auxiliary);
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 64px;
    margin-bottom: 24px;
}
.fx-part1-title-sub-text{
    font-size: 16px;
    color: #36383B;
    line-height: 24px;
    letter-spacing: 1.5px;
    margin-bottom: 80px;
}
.fx-dividend-part1-parent-box{
    display: flex;
    justify-content: space-between;
}
.fx-dividend-part1-image-box{
    width: calc(33.33% - 24px);
}
.fx-dividend-part1-image{
    border-radius: 6px;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 15px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 32px;
}
.fx-image-title{
    font-size: 28px;
    letter-spacing: 1.5px;
    line-height: 37px;
    margin-bottom: 16px;
    color: #000018 ;
}
.fx-image-sub-title{
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 24px;
    color: #36383B ;
}
/* part2 */
#fx-dividend-part2{
    margin-bottom: 160px;
}
.fx-part2-title-text{
    margin-bottom: 62px;
}
#fx-part2-table {
    max-width: 1380px;
    margin: 0 auto;
}
#fx-part2-table table {
    width: 100%;
}
#fx-part2-table th, #fx-part2-table td {
    height: 88px;
    background-color: #fff;
    border-bottom: solid 1px #E4E4E4 ;
    width: 35%;
    letter-spacing: 1.5px;
    text-align: center;
    color: var(--color-brand-Auxiliary);
    vertical-align: middle;
}
#fx-part2-table th:first-child{
    width: 30%;
}
#fx-part2-table td:first-child{
    text-align: left;
    width: 30%;
    padding: 0 24px;
    font-size: 16px;
    line-height: 24px;
}
.rtl #fx-part2-table td:first-child{
    text-align: right;
}
#fx-part2-table th{
    font-size: 28px;
    letter-spacing: 1.5px;
    color: #000018 ;
    line-height: 88px;
    /* font-family: '微软雅黑 Bold'; */
}
/* part3 */
.fx-part3-title-text{
    margin-bottom: 80px;
}
.fx-part3-ranking-list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 160px;
}
.fx-part-ranking-card{
    width: 23.875%;
    height: 525px;
    box-shadow: 0 2px 15px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 16px;
}
.fx-part-ranking-card:nth-child(1){
    margin-top: 0;
}
.fx-part-ranking-card:nth-child(2){
    margin-top: 40px;
}
.fx-part-ranking-card:nth-child(3){
    margin-top: 80px;
}
.fx-part-ranking-card:nth-child(4){
    margin-top: 120px;
}
.fx-ranking-card-image{
    display: block;
    margin-bottom: 9px;
}
.fx-part3-ranking-value{
    position: relative;
    line-height: 64px;
    font-family: 'Segoe UI Bold';
    color: #333333;
    font-size: 48px;
    margin-left: 16.5%;
    font-weight: 600;
    display: inline-block;
}

.fx-part3-ranking-value_span1 {
    font-family: 'Segoe UI Bold';
    color: #333333;
    font-size: 18px;
    line-height: 64px;
    font-weight: 600;
}

.fx-part3-ranking-value_span2{
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    color: #333333;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Microsoft YaHei';
    font-weight: 500;
    width:120px;
    text-align: center;
}

.fx-part3-ranking-way{
    padding: 0 16px;
    font-size: 16px;
    line-height: 21px;
    color: #000018;
    font-family: 'Segoe UI';
    margin: 40px 0 24px 0;

}
.fx-part3-ranking-count, .fx-part3-ranking-retreat{
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px;
    margin-bottom: 16px;
}
.fx-part3-ranking-line{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin: 36px 0;
}
.fx-part3-ranking-head{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:  16px;
}
.fx-part3-ranking-image{
    width: 40px;
    height: 40px;
    margin-right: 16px;
}
.rtl .fx-part3-ranking-image{
    margin-left: 16px;
    margin-right: inherit;
}
.fx-part3-ranking-name{
    line-height: 21px;
    font-size: 16px;
    color: #000018;
    font-family: 'Segoe UI';
}
/* part4 */
#fx-dividend-part4{
    margin-bottom: 160px;
}
.fx-part4-joinus{
    display: flex;
    justify-content: space-between;

}
.fx-part4-joinus-step{
    width: 49.25%;
}
.fx-part4-joinus-image{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.fx-part4-guide{
    display: flex;
    justify-content: center;
    font-size: 28px;
    line-height: 37px;
    letter-spacing: 2px;
    color: #000018;
    margin-bottom: 32px;
}
.fx-part4-resiger{
    width: 180px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E02020 ;
    background: #fff;
    border: solid 1px #D91D22;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}
.fx-part4-resiger:hover{
    background: #D91D22 ;
    color: #fff;
}
/* part5 */
#fx-dividend-part5{
    margin-bottom: 160px;
}
.fx-part5-question-list{
    max-width: 1380px;
    margin: 0 auto;
}
.fx-part5-question-list ul li{
    height: 72px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    border: 1px solid #E4E4E4;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #000018;
    transition: 0.5s;
    flex-wrap: wrap;
    cursor: pointer;
}
.question{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.answer{
    display: none
}
.fx-part5-question-list ul li div{
    width:100%
}
.display-show{
    display: block
}
.fx-part5-list-item-active{
    height: 144px !important;
}

@media screen and (max-width: 834px){
.swiper-container .container {
    padding-bottom:236px !important;
}
}
.swiper-container .container{
    padding-bottom:385px;
}

#swiper-slide-desktop-1 .container > * {
    margin-left:auto;
    margin-right:auto;
}
/* font family */
/* .font-family-segeoui{
    font-family: 'Segoe UI Semibold';
}
.font-family-yahei{
    font-family: 'Microsoft YaHei';
}
.font-family-yahei-light{
    font-family: '微软雅黑 Light';
}
.font-family-yahei-boid{
    font-family: '微软雅黑 Bold';
    font-weight: 600;
} */
/* color */
.color-000018{
    color: #000018;
}
.color-FF890E{
    color: #FF890E ;
}

/* media */
@media screen and (max-width:1600px){
    #fx-banner{
        padding: 64px 80px;
    }
}
@media screen and (max-width:1360px){
    .innner-pc .banner-text-title {
        font-size: 48px;
    }
    .fx-part3-ranking-value {
        font-size: 28px;
    }
}
@media screen and (min-width: 1025px) {
    .swiper-container{
        display: none;
    }
    #fx-dividend-part1, #fx-dividend-part3, #fx-dividend-part4{
        padding: 0 80px;
    }
}
@media screen and (max-width:1024px){
    /* @important() */
    /* .fx-banner-title{
        flex-wrap: wrap;
    }
    #fx-banner{
        margin: 80px auto 0 auto;
        padding: 58px 16px 62px 16px;
    }
    .fx-banner-title-text{
        line-height: 40px;
        font-size: 30px;
        height: 40px;
    }
    .fx-banner-title-box{
        margin: 0 0 8px 0;
        display: block;
    }
    .fx-banner-title-text{
        line-height: 40px;
        margin: 0 12px;
        text-align: center;
    }
    .fx-part1-swiper-box{
        padding: 0 16px;
    }
    .pagination{
        text-align: center;
    } */
    /* swiper */
    .swiper-container {
        padding-bottom: 32px;
    }
    .swiper-pagination {
        bottom: 0px !important;
    }
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        border-radius: 0;
        background: #999999;
        opacity: 1;
        margin: 0 8px !important;
    }
    .swiper-pagination-bullet-active {
        background: var(--color-brand-standard);
    }
    #fx-dividend-part1{
        margin-bottom: 48px;
    }
    .fx-dividend-part1-parent-box{
        display: none;
    }
    .fx-dividend-part1-image{
        width: 100%;
        height: auto;
        box-shadow: none;
    }
    .fx-image-title{
        text-align: center;
        font-size: 20px;
        color: #000018;
        line-height: 26px;
        letter-spacing: 2px;
    }
    .fx-image-sub-title{
        font-size: 16px;
        color: #36383B;
        line-height: 24px;
        letter-spacing: 2px;
        text-align: center;
    }
    .fx-banner-sub-title-text{
        line-height: 24px;
        font-size: 16px;
        text-align: center;
    }
    .fx-part1-title-text{
        font-size: 28px;
        line-height: 37px;
        letter-spacing: 1.5px;
        margin-bottom: 24px;
    }
    .fx-part1-title-sub-text{
        margin-bottom: 24px;
    }
    .fx-dividend-part1-image-box{
        width: 100%
    }
    #fx-dividend-part2{
        margin-bottom: 80px;
        padding: 0 16px;
    }
    .fx-part2-title-text{
        font-size: 28px;
        color: #000018;
        line-height: 37px;
        letter-spacing: 2px;
        text-align: center;
    }
    #fx-dividend-part2 .text-bold {
        font-weight: 600;
    }
    #fx-part2-table{
        padding: 0;
    }
    #fx-part2-table td p {
        text-align: left;
    }
    #fx-part2-table tbody tr td{
        height: fit-content; /* 72px */
        width: 100% !important;
        padding: 24px 0 !important;
        display: flex;
    }
    #fx-part2-table tbody tr td img{
        width: 24px;
        height: 24px;
        margin-right: 16px;
    }
    #fx-part2-table th{
        height: 26px;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
        padding-bottom: 16px;
    }
    #fx-dividend-part3{
        padding: 0 16px;
    }
    .fx-part3-title-text{
        font-size: 28px;
        line-height: 37px;
        margin-bottom: 40px;
    }
    .fx-part3-subtitle-text{
        font-size: 16px;
        line-height: 24px;
        color: var(--color-icon-03);
        letter-spacing: 1.5px;
        text-align: center;
        margin-bottom: 40px;
    }
    .fx-part3-ranking-value {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .fx-part-ranking-card{
        margin: 0;
        width: 100%;
        box-shadow: none;
        border-radius: 6px;
        border: solid 1px #e8e8e8;
    }
    .fx-part-ranking-card:nth-child(n){
        margin: 0 0;
    }
    .fx-part3-ranking-list{
        margin-bottom: 78px;
    }
    #fx-dividend-part4{
        padding: 0 16px;
        margin-bottom: 0;
    }
    .fx-part4-joinus{
        display: block;
    }
    .fx-part4-joinus-step{
        width: 100%;
        margin-bottom: 80px;
    }
    .fx-part4-guide{
        font-size: 20px;
        color: #000018;
        line-height: 26px;
        letter-spacing: 2px;
        text-align: center;
    }
    .fx-part4-resiger{
        width: 150px;
        height: 48px;
        border-radius: 4px;
        border: 1px solid #D91D22;
        margin-bottom: 80px;
    }
    #fx-dividend-part5{
        display: none;
    }
}

@media screen and (max-width:834px){
    .rtl #fx-part2-table th{
        text-align: right;
    }
    .rtl #fx-part2-table > table > thead > tr > th > span:nth-child(1){
        margin-left: 32px;
        margin-right: inherit !important;
    }
    .rtl #fx-part2-table tbody tr td img{
        margin-left: 16px;
        margin-right: inherit;
    }
    .rtl #fx-part2-table td p{
        text-align: right;
    }
    .rtl #fx-dividend-part4 > div.fx-part4-joinus > div:nth-child(1) > div.flex-center > a > img{
        display: none;
    }
}


.rtl .innner-pc .banner-text-title {
    text-align: center !important;
}
.rtl .innner-pc .banner-text-content {
    text-align: center !important;
}