.trading-platform-banner{background: url(/wp-content/themes/vantage-au/images/trading-platform-banner-bg.webp?v=3);background-size: cover;position: relative;overflow: hidden;}
.trading-platform-banner .inner{display: flex;justify-content: space-around;align-items: flex-end;}
.trading-platform-banner .inner .banner-box{width: 100%;max-width: 530px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding-top: 80px;}
.trading-platform-banner .inner .banner-box h1{font-size: var(--fs-50);color: var(--v-white);margin-bottom: 13px;font-weight: 500;}
.trading-platform-banner .inner .banner-box p{font-size: var(--fs-20);color: var(--v-white);margin-bottom: 25px;}
.trading-platform-banner .inner .banner-box .btn-box{width: 390px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 33px; gap: 10px 20px;}

.trading-platform-content{padding-top: 80px;}
.trading-platform-content .inner h1{color: var(--v-black-light);font-size: var(--fs-56);text-align: center;margin-bottom: 32px;}
.trading-platform-content .inner h1 span{color: var(--v-orange);}
.trading-platform-content .inner .content-tabbar{position: relative;width: 100%;max-width: 780px;border-bottom: 1px solid #D1D1D1;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;font-size: var(--fs-22);color: var(--fs-22);}
.trading-platform-content .inner .content-tabbar li{border-bottom: 3px solid rgba(0, 0, 0, 0);transform: translateY(1.5px);}
.trading-platform-content .inner .content-tabbar li h3{padding-bottom:8px;margin-bottom: 0px;cursor: pointer;color: var(--v-black);font-size: var(--fs-22);line-height: 1.3;font-weight: 400;}
.trading-platform-content .inner .content-tabbar .swiper{overflow-x: clip !important;overflow: unset;}
.trading-platform-content .inner .content-tabbar .swiper-tabbar{width: 100%;}
.trading-platform-content .inner .content-tabbar .swiper-tabbar-con{width: 100%;display: flex;justify-content: space-between;}
.trading-platform-content .inner .content-tabbar .swiper-slide{width: max-content;}
.trading-platform-content .inner .content-tabbar #selected-block{position: absolute;background-color: var(--v-orange);height: 3px;transition: all .3s linear;}
.trading-platform-content .inner .content-tabbar .swiper-slide.active h3{color: var(--v-orange);font-weight: 600;}

/* 点 */
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{left: 12px;right: unset;}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 36px;height: 36px;color: var(--v-white);background-color: var(--v-grey);font-size: var(--fs-20);font-style: italic;margin-bottom: 52px;text-align: center;line-height: 36px;opacity: 1 !important;}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-bottom: 0px;}
.swiper-vertical>.swiper-pagination-bullets span.hasShow{background-color: var(--v-pink-light);position: relative;}
.swiper-vertical>.swiper-pagination-bullets span.hasShow::after{content: '';display: block;width: 1px;height: 52px;background-color: var(--v-orange);position: absolute;left: 50%;transform: translateX(-50%);}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: var(--v-orange);z-index: 2;position: relative;}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active::after{content: '';width: 60px;height: 60px;background-color: rgba(227, 87, 40, .2);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}

.trading-platform-content .inner .main-content{margin-top: 73px;margin-bottom: 120px;width: 100%;}
.trading-platform-content .inner .main-content .main-content-list{height: 600px;display: none;}
.trading-platform-content .inner .main-content .main-content-list.active{display: block;}
.trading-platform-content .inner .main-content .main-content-list .swiper {width: 100%;height: 100%;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;padding-left: 320px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con{display: flex;justify-content: space-between;align-items: center;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box{display: flex;justify-content: space-around;align-items: center;width: 598px;height: 566px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box img{max-width: 575px;width: auto !important;height: inherit !important;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box img.special1,
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box img.special2{height: auto !important;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box .step h4{font-size: var(--fs-24);margin-bottom: 15px;color: var(--v-black);text-align: left;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box .step p{font-size: var(--fs-18);margin-bottom: 5px;color: var(--v-black);text-align: left;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{width: 400px;margin-left: 74px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box h1{text-align: left;font-size: var(--fs-60);font-weight: 400;font-style: italic;color: var(--v-grey);opacity: .3;margin-bottom: 0px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box h3{text-align: left;font-size: var(--fs-38);color: var(--v-black-light);margin-bottom: 16px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box h3 span{color: var(--v-orange);}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box p{text-align: left;font-size: var(--fs-16);color: var(--v-black);}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box a{text-align: center;display: block; max-width: 100%;}

.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box .step-list{margin-bottom: 15px;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box .step-list h4{color: var(--v-black);text-align: left;}
.trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box .step-list p{margin-bottom: 4px;}

.content_item_inner_con {width: 100%;}
.promo_text_box{width: 100%;display: flex;justify-content: space-between;margin-bottom: 10px;padding: 10px;border-radius: 8px;box-shadow: 3px 3px 10px #bdbdbd;}
.promo_text_box .promo_text_box_right{width: 80%;}
.promo_text_box .promo_text_box_right h5{color: var(--v-orange);margin-bottom: 10px;text-align: left;}
.promo_text_box .promo_text_box_right p{color: var(--v-black);font-size: 14px;margin-bottom: 0px;text-align: left;}

@media (max-width:1600px) {
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{justify-content:space-between;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{width: 300px;}
}

@media (max-width:1500px) {
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 240px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box{justify-content: space-between;}
}

@media (max-width:1360px) {
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 200px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box img{max-width: 90%;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{margin-left:20px;}
}

@media (max-width:1240px) {
    .trading-platform-content .inner .main-content .main-content-list{height: 580px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 150px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box{width: 400px;height: 378px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{margin-left: 45px;}
    
}

@media (max-width:980px){
    .trading-platform-content .inner .main-content{margin-top: 50px;margin-bottom: 60px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 100px;}
}

@media (max-width:940px){
    .trading-platform-content .inner .main-content{margin-top: 50px;margin-bottom: 60px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 100px;}

    .trading-platform-content .inner .main-content .main-content-list{height: 720px;max-height: 720px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con{flex-direction: column-reverse;width: 100%;align-items: flex-start;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{margin-left: 0px;width: 80%;margin-bottom: 20px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box h3 br{display: none;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box h3{margin-bottom: 10px;}
}

@media (max-width:640px){
    .trading-platform-content .inner .main-content{margin-top: 20px;margin-bottom: 30px;}
    .trading-platform-content .inner .main-content .main-content-list{height: 720px;max-height: 720px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .img-box{height: auto;width: 100%;max-width: 440px;align-items: flex-start;}
    .trading-platform-content .inner .main-content .main-content-list:first-child .swiper-slide-con:last-child .img-box img {max-height: 370px;}

    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box p{margin-bottom: 6px;}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 24px;height: 24px;margin-bottom: 38px;line-height: 24px;}
    .swiper-vertical>.swiper-pagination-bullets span.hasShow::after{height: 38px;}
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 44px;height: 44px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide{padding-left: 60px;}
    .trading-platform-content .inner .main-content .main-content-list .swiper-slide .swiper-slide-con .text-box{width: 100%;}
}

@media (max-width:510px){
    .trading-platform-content .inner .main-content .main-content-list{height: 540px;max-height: 540px;}
    .promo_text_box .promo_text_box_right{width: 100%;}
    .promo_text_box .promo_text_box_left{display: none;}
}

@media (max-width:510px){
    .promo_text_box .promo_text_box_right p{font-size: 12px;}
    .promo_text_box{padding: 0px 0px;box-shadow: none;}
}
/* ! vantagemarekts|2025-10-21 18:00:00 ! */