
.leverage-margin_header {
  background: #ebebeb;
  padding-top: 83rem;
  min-height: 560rem;
  gap: 3rem;
  padding-left:calc(50vw - 600rem)
}
.leverage-margin_main {
  padding-top: 77rem;
  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: 477rem;
}
.icon-right {
  display: inline-block;
  margin-left: 5rem;
}
@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,
    .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) {
    #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-left: -110rem;
  }
  .ar .leverage-margin_model{
    margin-left: unset;
    margin-right:-100rem;
  }
  .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;
}

 .floatTab{
  position: sticky;
  z-index: 99999;
  top:128px;
  margin-inline:auto;
  background:var(--ebc-neutral-bg_b);
  border-radius: var(--ebc-corner-radius-full);
  color:var(--ebc-text-secondary);
  backdrop-filter: blur(10px);
  padding:4rem;
  gap:4rem;
  width: 588rem;
  height:56rem;
}

 .floatTab .tabItem{
  flex:1;
  color: var(--ebc-text-secondary);
  height:100%;
  line-height: 48rem;
}
 .floatTab .active{
    border-radius: var(--ebc-corner-radius-full);
    background: var(--ebc-basecolor-active-500);
    color:var(--ebc-text-primary_white);
    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;
}
@media screen and (max-width: 996px) {
    html {
    height: auto !important;
    min-height: auto !important;
  }
    .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;
        margin:0;
        overflow-x:auto;
        border: 0;
        border-radius: 32rem;
        position:relative;
        overflow:visible;
        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;
    }
    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: 0 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);
    }
 
    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;
  }
  .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;
}
}