
.leverage-margin_header {
  background: #ebebeb;
  padding-top: 96rem;
  min-height: 560rem;
  gap: 108rem;
  padding-left:calc(50vw - 600rem)
}
.leverage-margin_main {
  padding-top: 64rem;
  flex: 0 0 588rem;
}

.leverage-margin_title {
}
.leverage-margin_desc {
  color: var(--ebc-text-secondary);
  margin: 24rem 0 64rem;
}
.leverage-margin_btn {
  width: fit-content;
  min-width: 180rem;
}

.leverage-margin_model {
  height: 405rem;
}
.icon-right {
  display: inline-block;
  margin-left: 5rem;
}
.tableShowMore{
    color:#A52933;
    padding:22rem 0;
    display: flex;
    justify-content: center;
}
.tableShowMore .iconfont {
    margin-left: 4rem;
}
.tableShowMore:hover{
    background:#fff;
}
.controlTBody tr:nth-child(n+11){
    display: none;
}
.controlTBody tr:last-child{
    display: flex!important;
}
.iconfont.icon-a-down{
    transform: rotate(180deg);
    display: inline-block;
}
.controlTBody .iconfont.icon-a-down{
    transform: rotate(0deg);
    display: inline-block;
}
.openList{
    display: none;
}
.closeList{
    display: inline-block;
}
.controlTBody .openList{
    display: inline-block;
}
.controlTBody .closeList{
    display: none;
}
@media (min-width:996px){
    /* .ar table tr td:first-child, .ar table tr th:first-child{
        text-align: right;
    }
    .ar table tr td:last-child, .ar table tr th:last-child{
        text-align:left;
    } */
    .ar .leverage-margin_header{
  padding-right:calc(50vw - 600rem);
  padding-left: 0;

    }
    .vi .leverage-margin_main,
    .th .leverage-margin_main,
    .ug .leverage-margin_main{
        flex:0 0 658rem;
    }
    .ru h1,
    .vi h1,
    .ug h1{
        font-size: 72rem;
        line-height: 76rem;
    }
    .vi .leverage-margin_model,
    .th .leverage-margin_model,
    .ug .leverage-margin_model{
        margin-left: -70rem;
    }
    .ar .leverage-margin_main,
    .en .leverage-margin_main,
    .es .leverage-margin_main,
    .id .leverage-margin_main,
    .mn .leverage-margin_main,
    .pt .leverage-margin_main,
    .ru .leverage-margin_main{
        flex:0 0 688rem;
    }
    .ar h1,
    .es h1,
    .mn h1,
    .pt h1{
        font-size: 68rem;
        line-height: 74rem;
    }
    .hi h1{
        font-size: 70rem;
    }
    .en h1,
    .id h1{
        font-size: 74rem;
    }
    .ar .leverage-margin_model{
        margin-right: -100rem;
    }
    .en .leverage-margin_model,
    .es .leverage-margin_model,
    .id .leverage-margin_model,
    .mn .leverage-margin_model,
    .pt .leverage-margin_model,
    .ru .leverage-margin_model{
        margin-left: -100rem;
    }
    .es .leverage-margin_desc,
    .jp .leverage-margin_desc,
    .mn .leverage-margin_desc,
    .ru .leverage-margin_desc{
        margin-bottom: 32rem;
        font-size: 16rem;
    }
    .mn .leverage-margin_desc{
        line-height: 24rem;
    }
    .pt .leverage-margin_desc{
        margin-bottom: 32rem;
    }
}
@media screen and (max-width: 996px) {
    .scrollTable table tbody tr.tableShowMore{
        display: none!important;
    }
    #page-navigate{
    background:#fff!important;
}
  section {
    padding-inline: 32rem !important;
  }
  .leverage-margin_header {
    flex-direction: column;
    gap: 0;
    align-items: center;
    padding-bottom: 80rem;
    padding-top: 0;
    overflow: hidden;
  }
  .leverage-margin_main {
    order: 2;
    text-align: center;
    padding-top: 30rem;
    flex-basis: unset;
  }
  .leverage-margin_model {
    height: 514rem;
    margin-top: 30rem;
    /* margin-left: -110rem; */
  }
  .ar .leverage-margin_model{
    margin-left: unset;
    margin-right:20rem;
  }
  .leverage-margin_desc {
    margin: 16rem 0 64rem;
  }
  .leverage-margin_btn {
    width: 100%;
    gap: 8rem;
  }
}

.safe-trading{
    padding:120rem 0;
    background:#fff;
}

.safe-trading-desc{
    color:var(--ebc-text-secondary);
    margin:16rem 0 60rem;
}
 .stickyTab{
     position: sticky;
     z-index: 99999;
     top:calc(128px - 28rem);
 }
 .floatTab{
  position: sticky;
  z-index: 99999;
  top:calc(128px - 28rem);
  margin-inline:auto;
  background:var(--ebc-neutral-bg_a);
  border-radius: var(--ebc-corner-radius-full);
  color:var(--ebc-text-secondary);
  backdrop-filter: blur(10px);
  padding:4rem;
  gap:4rem;
  width: 800rem;
  height:64rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

 .floatTab .tabItem{
  flex:1;
  color: var(--ebc-text-secondary);
  height:100%;
  line-height: 56rem;
}
 .floatTab .active{
    border-radius: var(--ebc-corner-radius-full);
    background: var(--ebc-neutral-bg_c);
    color:var(--ebc-text-primary);
    display:flex;
    align-items: center;
    justify-content: center;
    height:100%;
    font-weight: 500;
}
.safe-trading-table{
    border:1px solid rgba(0, 0, 0, 0.12);
    border-radius: var(--ebc-corner-radius-rc16);
    margin:40rem 0 60rem;
    overflow:hidden;
}
table ,tr,thead,tbody{
    display:block;
    width: 100%;
    box-sizing:border-box;
}
table tr{
    padding:24rem;
    display:flex;
}
@media  (min-width:996px) {
table tr{
    align-items: center;
}
}
table tr td,table tr th{
    flex:1;
}
table thead{
    border-bottom:1px solid rgba(0, 0, 0, 0.12);
}
table tr td{
    text-align:center;
}
table tr td:nth-child(4),
table tr td:nth-child(5){
    color:var(--ebc-brand-secondary-red);
    font-size: 16rem;
    font-weight: 500;
}
/* table tr td:first-child,table tr th:first-child{
 text-align:left;
}
table tr td:last-child,table tr th:last-child{
text-align:right;
} */
table thead{
    background:var(--ebc-neutral-bg_c)
}table tbody{
    display:none;
}
table tbody tr:hover{
    background:var(--ebc-neutral-bg_b);
}
table .showTbody{
    display:inline-block;
}
.safe-trading-btn{
    min-width:180rem;
    width:fit-content;
    display:block;
    margin-inline:auto;
}
.footerTip{
    display: none;
  color: var(--ebc-text-tertiary);
  margin-top: -36rem;
  margin-bottom: 60rem;
  width: 1200rem;
  margin-inline: auto;
}
.showFooterTip{
    display: block;
}
@media (max-width: 996px) {
.footerTip{
    margin-top: -32rem;
    width: calc( 100% - 64rem);
    margin-inline:32rem;
}
  html {
    height: auto !important;
    min-height: auto !important;
  }
  .tableShowMore{
    display: none;
  }
    .safe-trading{
        padding:160rem 0!important;
    }
    .safe-trading-title,
    .safe-trading-desc,
    .scrollTabWrapper{
        padding-inline:32rem!important;
    }
    .safe-trading-table{
        width:fit-content;
        max-width:unset!important;
        overflow:auto;
        overflow-x:auto;
        border: 0;
        border-radius: 32rem;
        position:relative;
        overflow:visible;
        margin:0!important;
        margin-right: 32rem!important;
    }
    .scrollTable{
        margin:48rem 32rem 128rem 32rem!important;
        overflow:auto;
    }
    .scrollTable::-webkit-scrollbar {
        display:none;
    }
   
    .safe-trading-desc{
        margin:16rem 0 80rem;
    }
    .floatTab{
        display:none!important;
    }
        .corner-mask {
        position: absolute;
        left: 20rem;
        width: 25px;
        height: 100%;
        background: #fff;
        z-index: 2;
        pointer-events: none;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    table .showTbody{
        display:flex;
    }
    table tr{
        display:flex;
        flex-direction:column;
    }
    table{
        display:flex;
        justify-content: flex-start;
    }
    table,tbody{
        width:fit-content;
    }
    table thead{
        flex:0 0 204rem;
        border:0;
        position: sticky;
        left:0;
        z-index:3;
        background:none;
        text-align:left;
    }
    .enTable table thead tr{
        width: 250rem;
    }
    .pt table thead tr{
        width: 290rem;
    }
    .es table thead tr{
        width: 270rem;
    }
    .pt table thead tr th:nth-child(3),
    .es table thead tr th:nth-child(3){
        padding:26rem;
    }
 
    .enTable table tr th:last-child{
        text-align:left;
        padding:26rem;
    }
    table th{
        overflow:hidden;
        background:var(--ebc-neutral-bg_c);
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        white-space: nowrap;
    }
    table th:first-child{
        border-top-left-radius: 32rem;
    }
    table tr:last-child td:first-child{
        border-top-right-radius: 32rem;

    }
    table tr:last-child td:last-child{
        border-bottom-right-radius: 32rem;
    
    }
    table th:last-child{
        border-bottom-left-radius: 32rem;
    }
    table th:first-child,
    table td:first-child{
        border-top: 1px solid rgba(0, 0, 0, 0.12);

    }
   table th::after{
        content: '';
        position: absolute;
        top: 0;
        right: -8px;
        width: 8px;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.04), transparent);
        pointer-events: none;
   }
   
   .noScroll table th::after{
    display:none;
   }
    table  tr{
        padding:0;
    }
    table  tbody tr{
        flex: 1 0 240rem;
        min-width:240rem;
    }
    table  tbody tr td{
        padding:48rem 32rem;
        text-align:left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        white-space: nowrap
    }
 
    table thead th{
        padding:48rem 32rem;
    }
    table tr td:nth-child(4), table tr td:nth-child(5){
        font-size: 32rem;
        text-align:left;
    }
    .safe-trading-btn div{
        height: 80rem;
        font-size: 28rem;
        line-height: 0;
    }
       .scrollTab{
    display: inline-flex;
    gap:16rem;
    min-width: fit-content;
  }
 .stickyTab{
    top: 44px;
    z-index:99
 }
    
  .scrollTabWrapper{
    overflow-x: auto;
    scroll-behavior: smooth;
    margin-top: 64rem;
    background: var(--ebc-neutral-bg_a);
    position: sticky;
    top:44px;
    z-index:99
  }
    .scrollTabWrapper::-webkit-scrollbar {
    display: none;
  }
   .scrollTab .tabItem{
    color:var(--ebc-text-secondary);
    padding:16rem 32rem;
    flex:1;
    background: var(--ebc-neutral-bg_b);
    border-radius: var(--ebc-corner-radius-full);
    white-space: nowrap;
  }
   .scrollTab .active{
    background:var(--ebc-basecolor-active-500);
    color:var(--ebc-text-primary_white);
    font-weight: 500;
  }
  table tbody tr:hover{
    background:var(--ebc-text-primary_white);
}
/* 伪滚动条容器 */
 .fake-scrollbar {
  position: absolute;
  left: 32rem;
  right: 32rem;
  bottom: -40rem;
  height: 4px;
  background: rgba(0, 0, 0, .1);
  border-radius: 2px;
  pointer-events: none;                /* 只看不点 */
}
/* 伪滑块 */
 .fake-thumb {
  height: 100%;
  background: rgba(0, 0, 0, .4);
  border-radius: 2px;
  width: 0;                            /* js 动态算 */
  transition: width .2s;
}

.ar table tr:last-child td{
    border-left:1px solid rgba(0,0,0,.12)
}
.ar table tr:last-child td:first-child{
    border-top-right-radius:0;
    border-top-left-radius:32rem;
}
.ar table tr:last-child td:last-child{
    border-bottom-right-radius:0;
    border-bottom-left-radius:32rem;
}
.ar table th:first-child{
    border-top-left-radius:0;
    border-top-right-radius:32rem;
}
.ar table th:last-child{
    border-bottom-left-radius:0;
    border-bottom-right-radius:32rem;
}
.ar table th{
    border-left:0;
}
.ar .scrollTable{
    margin-right: unset!important;
    margin-left: 32rem!important;
}
.ar .corner-mask{
  left: unset;
  right:0;
  width: 45px;  
}
.ar table th::after{
  right: unset;
  left: -3px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.04), transparent);
}
.ar .safe-trading-table{
    position:static;
}
.ar table {
    padding-right:250rem;
}
.ar table thead{
    position:absolute;
    right:32rem;
    left:unset;
    width: 250rem;
}
}

.superLever{
    background: url('/ebc-static/image/trading-product/superleverBg.png');
    background-size: 100% 100%;
    /* border-radius: 64rem 64rem 0 0; */
    padding:80rem calc(50vw - 600rem);
    overflow: hidden;
}

.superLever-title{
    gap: 16rem;
    color: #fff;
}
.superLever-title img{width: 24rem; height: 24rem;}
.superLever-desc{
    margin:16rem 0 48rem;
    color: var(--ebc-text-secondary_white);
}

.superLever-cardList{
    gap:24rem;
    color: #fff;
    align-items: stretch!important;
}
.superLever-card-left{
    padding:24rem;
    background:rgba(255, 255, 255, 0.08);
    flex: 0 0 588rem;
    border-radius: var(--ebc-corner-radius-rc16);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
}
.superLever-card-title{
    gap:16rem
}

.superLever-card-title img{
    max-width: 32rem;
}
.superLever-card-desc{
    margin:16rem 0;
    color:var(--ebc-text-secondary_white)
}

.superLever-card-leverTypeList{
    gap:16rem;
    align-items: stretch!important;
    margin:auto 0
}
.superLever-card-leverType{
    border-radius: var(--ebc-corner-radius-rc08);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(303deg, rgba(62, 62, 74, 0.50) 30.52%, rgba(77, 77, 89, 0.50) 100%);
    padding:16rem;
    position: relative;
    flex: 1;
    overflow: hidden;
}
.superLever-card-leverTypeNum{
    margin:8rem 0 16rem;
}
.superLever-card-leverType .innerNumberBg {
    position: absolute;
    bottom: 12rem;
    right: 8rem;
    height: 124rem;
    width: auto;
}
.superLever-card-leverType .swWord{
    color: var(--ebc-text-secondary_white);
}
.superLever-card-leverType:nth-child(2) .innerNumberBg {
    right: -12rem;
}
.superLever-card-right{
    display: flex;
    flex-direction: column;
    gap:24rem;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}
.superLever-card-rightTop, .superLever-card-rightBottom{
    padding:24rem;
    flex:1;
    background:rgba(255, 255, 255, 0.08);
    border-radius: var(--ebc-corner-radius-rc16);
    
}
.superLever-card-rightTop .superLever-card-desc, .superLever-card-rightBottom .superLever-card-desc{
    margin-bottom: 0;
}
@media (min-width: 996px) {
    .mn .superLever-card-leverTypeNum{
        font-size: 36rem;
    }
}
@media (max-width: 996px) {
    .superLever{
        padding:80rem 32rem;
        background: url('/ebc-static/image/trading-product/superleverBgM.png');
        background-size: 100% 100%;
    }
    .superLever-title {
        gap:32rem;
    }
    .superLever-title img{
        width: 32rem;
        height: 32rem;
    }
    .superLever-cardList{
        flex-direction: column;

    }
    .superLever-card-left,.superLever-card-rightTop,.superLever-card-rightBottom{
    flex:1;
    padding:32rem;
    }
    .superLever-card-title {
        gap:16rem;
    }
    .superLever-card-title img{
        max-width: 48rem;
        height: auto;
    }
    .superLever-card-desc{
        margin:32rem 0;
    }
    .superLever-card-leverTypeList{
        flex-direction: column;
        gap:32rem;
        flex:1;
    }
    .superLever-card-leverType{
        width: 100%;
        padding:32rem;
        border-radius: 8rem;
        background: linear-gradient(303deg, rgba(62, 62, 74, 0.50) 30.52%, rgba(77, 77, 89, 0.50) 100%);
    }
    .superLever-card-leverTypeNum{
        margin:8rem 0 32rem;
    }
    .superLever-card-leverType .innerNumberBg{
        right: 16rem;
        bottom:10rem;
        height: 248rem;
        width: auto;
    }
    .superLever-card-leverType:nth-child(2) .innerNumberBg{
        right: -24rem;
    }
    .superLever-card-right .superLever-card-desc {
        margin-bottom: 0;
    }
    .ru .superLever-title span{
        font-size: 43rem;
    }
}

.container4 {
  padding: 120rem 0;
  background: var(--ebc-basecolor-white-100);
  text-align: center;
}
.container4 .QA-list {
  margin-top: 60rem;
}
.container4 .QA-list .QA-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24rem;
}
.container4 .QA-list .QA-item .QA-title span:first-child {
  display: inline;
}
.container4 .QA-list .QA-item .QA-title span:nth-child(2) {
  display: none;
}
.container4 .QA-list .QA-item.showList .QA-title span:first-child {
  display: none;
}
.container4 .QA-list .QA-item.showList .QA-title span:nth-child(2) {
  display: inline;
}
.container4 .QA-list .QA-item .QA-content {
  height: 0;
  overflow: hidden;
}
.container4 .QA-list .QA-item.showList .QA-content {
  height: auto;
}
.container4 .QA-list .QA-title {
  text-align: left;
  display: flex;
  cursor: pointer;
}
.ar .container4 .QA-list .QA-title span {
  margin-left: unset;
  margin-right: auto;
}
.container4 .QA-list .QA-title span {
  margin-left: auto;
  font-size: 28rem;
}
.container4 .QA-list .QA-li {
  text-align: left;
  color: var(--ebc-text-secondary);
  position: relative;
  padding-left: 18rem;
  margin-top: 10rem;
}
.container4 .QA-list .QA-li:first-child {
  margin-top: 24rem;
}
.container4 .QA-list .QA-li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 14rem; /* 根据 line-height 调整，使其在第一行中间 */
  transform: translateY(-50%);
  font-size: 16rem;
  line-height: 0;
  color: var(--ebc-text-secondary);
}
.ar .container4 .QA-list .QA-title {
  text-align: right;
}

.ar .container4 .QA-list .QA-li {
  padding-left: 0;
  padding-right: 18rem;
  text-align: right;
}

.ar .container4 .QA-list .QA-li::before {
  left: unset;
  right: 0;
}

@media (max-width: 996px) {
  .container4 {
    padding: 160rem 32rem;
  }
  .container4 .QA-list {
    margin-top: 80rem;
  }
  .container4 .QA-list .QA-item {
    padding: 40rem 0;
  }
  .container4 .QA-list .QA-title span {
    font-size: 42rem;
  }
  .container4 .QA-list .QA-li {
    padding-left: 32rem;
    margin-top: 25rem;
  }
  .ar .container4 .QA-list .QA-li {
    padding-left: 0;
    padding-right: 32rem;
  }

  .container4 .QA-list .QA-li:first-child {
    margin-top: 40rem;
  }
  .container4 .QA-list .QA-li::before {
    top: 24rem; /* 根据 line-height 调整，使其在第一行中间 */
    transform: translateY(-50%);
    font-size: 32rem;
  }
}

