.contentBox {
  margin-inline: auto;
  max-width: 1200rem;
}
body.no-scroll {
  overflow: hidden;
}
#pageOverLay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  display: none;
  opacity: 0;
  transition: opacity 0.6s ease;
}
a:hover{
  color: #fff;
}
.agentServiceHead {
  background: var(--ebc-neutral-bg_c);
  height: 560rem;
  align-items: flex-start!important;
}
.agentServiceHead > img {
  height: 560rem;
  width: 773rem;
}

.agentServiceHeadMain {
  padding-top: 160rem;
  margin-left: calc(50vw - 600rem);
  flex: 0 0 588rem;
}
.agentServiceHeadMain h2 {
  margin: 24rem 0 64rem;
  color: var(--ebc-text-secondary);
}

.agentServiceHeadMain a {
  width: fit-content;
  min-width: 180rem;
  box-sizing: border-box;
  gap: 5rem;
}
 .floatTab{
  position: sticky;
  z-index: 98;
  top:128px;
  margin-inline:auto;
  background:var(--ebc-basecolor-white-85);
  border-radius: var(--ebc-corner-radius-full);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  padding:4rem;
  gap:8rem;
  width: 792rem;
  height:64rem;
  opacity: 0;
}

 .floatTab .tabItem{
  flex:1;
  color: var(--ebc-text-secondary);
}
 .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;
}
@media (min-width: 996px) {
  .ar .agentServiceHeadMain {
  margin-right: calc(50vw - 600rem);
  margin-left: unset;
  }
  .ru .agentServiceHeadMain{
    flex: 0 0 750rem;
    position: relative;
    z-index: 2;
  }
  .ru .agentServiceHeadMain h2{
    max-width: 720rem;
  }
  .ru .agentServiceHead > img{
    margin-left: -182rem;
  }
  .mn .agentServiceHeadMain{
    flex: 0 0 650rem;
    position: relative;
    z-index: 2;
  }
  .mn .agentServiceHead > img{
    margin-left: -62rem;
  }
  .ar .agentServiceHeadMain h1,
  .ru .agentServiceHeadMain h1,
  .ug .agentServiceHeadMain h1,
  .vi .agentServiceHeadMain h1,
  .mn .agentServiceHeadMain h1,
  .pt .agentServiceHeadMain h1{
    font-size: 75rem;
  }
  
  .ar .agentServiceHeadMain,
  .ru .agentServiceHeadMain,
  .ug .agentServiceHeadMain,
  .pt .agentServiceHeadMain,
  .mn .agentServiceHeadMain,
  .en .agentServiceHeadMain,
  .id .agentServiceHeadMain{
    position: relative;
    z-index: 2;
    flex: 0 0 750rem;
  }
  
  .pt .agentServiceHeadMain,
  .th .agentServiceHeadMain,
  .ug .agentServiceHeadMain,
  .mn .agentServiceHeadMain,
  .es .agentServiceHeadMain{
    position: relative;
    z-index: 2;
    flex: 0 0 900rem;
  }
  .es .agentServiceHeadMain h1{
    font-size: 70rem;
  }
  .th .agentServiceHead > img,
  .mn .agentServiceHead > img,
  .ug .agentServiceHead > img,
  .pt .agentServiceHead > img,
  .es .agentServiceHead > img{
    margin-left: -312rem;
  }
  .ar .agentServiceHead > img,
  .ru .agentServiceHead > img,
  .en .agentServiceHead > img,
  .id .agentServiceHead > img{
    margin-left: -162rem;
  }
  

  .th .agentServiceHeadMain h1,
  .ar .agentServiceHeadMain h1,
  .ru .agentServiceHeadMain h1,
  .ug .agentServiceHeadMain h1,
  .pt .agentServiceHeadMain h1,
  .mn .agentServiceHeadMain h1,
  .en .agentServiceHeadMain h1,
  .id .agentServiceHeadMain h1,
  .es .agentServiceHeadMain h1{
    font-size: 72rem;
    line-height: 75rem;
  }
  .ar .agentServiceHeadMain h2,
  .th .agentServiceHeadMain h2,
  .ug .agentServiceHeadMain h2,
  .ru .agentServiceHeadMain h2,
  .mn .agentServiceHeadMain h2,
  .pt .agentServiceHeadMain h2,
  .id .agentServiceHeadMain h2,
  .en .agentServiceHeadMain h2,
  .es .agentServiceHeadMain h2{
    max-width: 700rem;
  }
}
@media (max-width: 996px) {
  .floatTab{
    display:none!important;
  }
   .scrollTab{
    display: inline-flex;
    gap:16rem;
    min-width: fit-content;
  }
  .scrollTabWrapper{
    overflow-x: auto;
    scroll-behavior: smooth;
    padding:16rem 32rem;
    margin-top: 64rem;
    background: var(--ebc-neutral-bg_a);
    position: sticky;
    top:44px;
    z-index:99
  }
  #productModule{
    margin-top: 32rem!important;
  }
    .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;
  }
  .contentBox {
    max-width: 100%;
    padding-inline: 32rem;
  }
  .agentServiceHead {
    flex-direction: column;
    height: auto;
    padding-bottom: 80rem;
    overflow: hidden;
    position: relative;
  }
  .agentServiceHeadMain {
    max-width: 100%;
    margin-left: unset;
    text-align: center;
    order: 2;
    padding-inline: 32rem;
    padding-top: 0;
    flex: 1;
    overflow: hidden;
    margin-top: 640rem;
  }
  .agentServiceHeadMain a {
    width: 100%;
  }
  .agentServiceHead > img {
    width: 994rem;
    height: 720rem;
    position: absolute;
    max-width: unset;
    margin-top: -30px;
    left: -140rem;
  }
}

.liquidityDepth{
  padding:120rem 0;
}
.liquidityDepthDesc{
  color: var(--ebc-text-secondary);
  margin: 16rem 0 60rem;
}
.liquidityDepthBtn{
  display:inline-block;
  min-width:180rem;
  width:fit-content;
  margin-top: 60rem;
  margin-inline:auto;
}
@media (max-width: 996px) {
.liquidityDepth{
padding:160rem 0;
}
.liquidityDepthDesc{
  margin: 16rem 0 64rem;
}
.liquidityDepth .liquidityDepthBtn{
  margin-top: 80rem;
  height:80rem;
  font-size: 28rem;
}
}
.calcSystem {
  padding: 120rem 0;
  background: #131313;
  color: #fff;
  text-align: center;
}
.calcSystemDesc {
  margin: 16rem 0 60rem;
  color: var(--ebc-text-secondary_white);
}
.calcSystemImg img {
  width: 100%;
  height: auto;
}
@media (max-width: 996px) {
  .calcSystem {
    padding: 160rem 0;
  }
  .calcSystem .contentBox{
    padding-inline: 0;
  }
  .calcSystem .contentBox h2,
  .calcSystem .contentBox h3{
    padding-inline: 32rem;
  }
  .calcSystem .calcSystemDesc {
    margin-bottom: 80rem;
    font-size: 24rem;
    line-height: 40rem;
  }
  .calcSystemImg {
    max-width: 100%;
    padding-bottom: 50rem;
    overflow: auto;
    position: relative;
    padding-inline: 32rem;
  }
   .calcSystemImg::-webkit-scrollbar{
    display: none;
   }
  .calcSystemImg img {
    height: 482px;
    width: auto;
    max-width: unset;
  }
      /* 伪滚动条容器 */
 .fake-scrollbar {
  height: 4px;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 2px;
  pointer-events: none;     
    margin-inline: 32rem;
}
/* 伪滑块 */
 .fake-thumb {
  height: 100%;
  background: #fff;
  border-radius: 2px;
  width: 0;                            /* js 动态算 */
  transition: width .2s;
}
}

.EBCTradeSpace{
  padding: 120rem 0;
  text-align: center;
}
.EBCTradeSpace .EBCTradeSpaceDesc{
  margin: 16rem 0 60rem;
  color: var(--ebc-text-secondary);
}
.tradeSpaceModel{
  position: relative;
}
.tradeSpaceModel img{
  width: 100%;
  height: auto;
}
.tradeSpaceModelWord{
  color: var(--ebc-basecolor-active-500);
  position: absolute;
}
.tradeSpaceModelWord1{
  top: 108rem;
  right: 850rem;
}
.tradeSpaceModelWord2{
  top: 150rem;
  left: 850rem;
}
.EBCTradeSpace a{
  width: fit-content ;
  min-width: 180rem;
  margin-inline: auto;
  margin-top: 60rem;
}
@media (max-width: 996px) {
  .EBCTradeSpace{
  padding: 160rem 0;
  overflow: hidden;
}
.EBCTradeSpace .EBCTradeSpaceDesc{
  margin: 16rem 0 152rem;
  font-size: 24rem;
  line-height: 40rem;
}
.tradeSpaceModel{
  height: 600rem;
}
.tradeSpaceModel img{
  height: 600rem;
  width: auto;
  max-width: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tradeSpaceModelWord1 {
  top: -36px;
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}
.tradeSpaceModelWord2 {
  bottom: -36px;
  top: unset;
  right: 50%;
  left: unset;
  transform: translateX(50%);

}
.EBCTradeSpace a{
  height: 80rem;
  margin-top: 160rem;
  font-size: 28rem;
  min-width: 165px;
}
}