.no-scroll{
  overflow: hidden;
}
  .popover {
    --shadow: rgba(0, 0, 0, 0.6);
    --arrow-shadow: rgba(0, 0, 0, 0.5);
  }

  .popover {
    position: fixed;
    margin-top: 8px;
    padding: 8px 12px;
    color: var(--ebc-text-primary_white);
    background: var(--ebc-neutral-bg_d);
    border-radius: var(--ebc-corner-radius-rc04);
    box-shadow: 0 2px 8px var(--shadow);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
    max-width: 500rem;
    z-index: 99999999;
    text-align: left;
  }
  .popover.show {
    opacity: 1;
    visibility: visible;
  }

  /* 阴影三角 + 本体三角 */
  .popover::before,
  .popover::after {
    content: "";
    position: absolute;
    left: 28px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--ebc-neutral-bg_d);
  }
  .ar.popover::before,
  .ar.popover::after{
    left:unset;
    right: 28px;
  }
  .popover::before {
    top: -7px;
  }
  .popover::after {
    top: -6px;
  }
  .formPopup {
    border-radius: var(--ebc-corner-radius-rc24);
    background: var(--ebc-basecolor-white-100);
    box-shadow: 20px 40px 60px 0 rgba(0, 0, 0, 0.1);
    width: 1000rem;
    /* height: fit-content; */
    padding: 32rem;
    position: fixed;
    z-index: -1;
    left: 50%;
    top: 240rem;
    transform: translate(-50%, 0) scale(0.1);
    opacity: 0;
    transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out,
      transform 0.3s ease-in-out;
    transform-origin: center;
  }
  .formPopup h3{
    max-width: unset;
  }
  @media (max-height: 850px) and (min-width: 996px) {
    .formPopup{
      top:160rem
    }
  }
  .formPopup svg {
    position: absolute;
    top: 24rem;
    right: 24rem;
    width: 32rem;
    height: 32rem;
  }
  .ar .formPopup svg {
    right:unset;
    left:24rem;
  }
  
  .formPopup h3 {
    margin: 16rem 0 32rem;
  }
  .showFormPopup {
    z-index: 999999;
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }

  #productModule {
    margin-top: 60rem;
  }

  #productModule .product-box {
    width: 1200rem;
    margin: 0 auto;
  }

  #productModule .btn {
    border: 0;
    margin: 20rem auto;
  }

  #productModule .product-table-th {
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
@media (min-width: 996px) {
  #productModule .product-table-th {
    background: var(--ebc-neutral-bg_c);
    border-top-left-radius: var(--ebc-corner-radius-rc16);
    border-top-right-radius: var(--ebc-corner-radius-rc16);
  }
  #productModule .product-box{
    width: 996rem;
    margin-inline:auto;
  }
}
  #productModule .product-table-th .product-table-td {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1.5;
    color: var(--ebc-text-primary);
    padding: 27rem 0;
  }
  #productModule.jp .product-table-tr .product-table-td,
  #productModule.jp .product-table-th .product-table-td {
    flex:2;
  }

  #productModule .product-table-th .product-table-td:first-child {
    flex: 4;
    justify-content: flex-start;
    padding-left: 24rem;
  }
   #productModule.ar .product-table-tr .product-table-td:first-child,
  #productModule.ar .product-table-th .product-table-td:first-child {
    padding-right:24rem;
  }

  #productModule .product-table-th .product-table-td:nth-child(2),
  #productModule .product-table-th .product-table-td:nth-child(3),
  #productModule .product-table-th .product-table-td:nth-child(6) {
    flex: 2;
  }

  #productModule .product-table-tr {
    display: flex;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
  }
  #productModule .product-table-tr:hover,
  #productModule .product-table-tr:hover .product-table-td:first-child{
    background: var(--ebc-neutral-bg_b)

  }
  #productModule .product-table-tr .product-table-td {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1.5;
    color: var(--ebc-text-primary);
    line-height: 1em;
    padding: 32rem 0;
  }
#productModule .product-table-tr .product-table-td:nth-child(2),
#productModule .product-table-tr .product-table-td:nth-child(3),
#productModule .product-table-th .product-table-td:nth-child(2),
#productModule .product-table-th .product-table-td:nth-child(3){
  text-align: left;
  justify-content: flex-start;
}

  #productModule .product-table-tr .product-table-td:first-child {
    flex: 4;
    justify-content: flex-start;
    padding-left: 24rem;
  }
    #productModule.es .product-table-tr .product-table-td:first-child,
    #productModule.es .product-table-th .product-table-td:first-child{
        flex:3;
    }
    #productModule.pt .product-table-tr .product-table-td:nth-child(5),
    #productModule.pt .product-table-th .product-table-td:nth-child(5),
     #productModule.es .product-table-tr .product-table-td:nth-child(5),
    #productModule.es .product-table-th .product-table-td:nth-child(5){
        flex:2;
    }
  #productModule .product-table-tr .product-table-td:nth-child(2),
  #productModule .product-table-tr .product-table-td:nth-child(3),
  #productModule .product-table-tr .product-table-td:nth-child(6) {
    flex: 2;
  }

  /* #productModule .grow-product-table .product-table-tr .product-table-td {
    width: 23.99%;
  } */

  #productModule .rotate90 {
    transform: rotate(-90deg);
    margin-left: 4rem;
  }

  #productModule .rotate180 {
    transform: rotate(180deg);
  }

  #productModule .product-innertable {
    background-color: #fff;
  }

  #productModule .product-innertable-th {
    display: flex;
    height: 64rem;
    color: var(--ebc-text-secondary);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-right:12rem;
  }
   #productModule.ar .product-innertable-tbody,
   #productModule.ar .product-innertable-tr,
   #productModule.ar .product-innertable-th{
    padding-right:0;
    padding-left:12rem;
   }
  #productModule .product-innertable-th .product-innertable-td:first-child {
    justify-content: flex-start;
    flex: 0.6;
  }
  #productModule .product-innertable-th .product-innertable-td {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
  }
  #productModule .product-innertable-th .product-innertable-td .iconfont {
    margin-left: 4rem;
  }
  #productModule.ar .product-innertable-th .product-innertable-td .iconfont {
    margin-right: 4rem;
    margin-left: unset;
  }

  /* #productModule
    .grow-product-table
    .product-innertable-th
    .product-innertable-td {
    width: 23.99%;
  } */
  #productModule .product-innertable-tbody{
    height: 320rem;
    overflow-y: auto;
    padding-right:12rem;
  }
  #productModule .product-innertable-tr {
    display: flex;
    height: 64rem;
    background: #fff;
  }

  #productModule .product-innertable-tr .product-innertable-td:nth-child(1) {
    flex: 0.6;
    justify-content: flex-start;
  }
  #productModule .product-innertable-tr .product-innertable-td {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    color: var(--ebc-text-primary);
  }

  /* #productModule
    .grow-product-table
    .product-innertable-tr
    .product-innertable-td {
    width: 23.99%;
  } */

  #productModule .product-red {
    color: #cd2626 !important;
  }

  #productModule .product-green {
    color: #0eb565 !important;
  }

  @media (max-width: 996px) {
      #productModule .product-table-tr:hover,
  #productModule .product-table-tr:hover .product-table-td:first-child{
    background: #fff

  }
    #productModule {
    margin-top: 80rem;
  }
    /* #productModule .product-table {
      min-width: fit-content;
    } */
    #productModule .btn {
      display: none;
    }
    #productModule .product-box {
      overflow-x: auto;
      max-width: calc(100vw - 32rem);
      padding-bottom: 32rem;
    }
    /* 伪滚动条容器 */
#productModule  .fake-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 90rem;
  height: 4px;
  background: rgba(0, 0, 0, .1);
  border-radius: 2px;
  pointer-events: none;  
  z-index:999
}
.innerTableContainer .fake-scrollbar{
  bottom:-55rem!important;
}
/* 伪滑块 */
#productModule  .fake-thumb {
  height: 100%;
  background: rgba(0, 0, 0, .4);
  border-radius: 2px;
  width: 0;                            /* js 动态算 */
  transition: width .2s;
}
     #productModule .pageNavigation span{
      font-size: 40rem;
      margin-left:8rem;
    }
    #productModule .pageNavigation span.notAllow{
      pointer-events: none;
      color:var(--ebc-text-tertiary)
    }
     #productModule .pageNavigation span:nth-child(1){
      margin-right:8rem;
    }
    #productModule .pageNavigation{
      gap:8rem;
      padding-top:48rem;
    }
    #productModule .pageNavigation div{
      padding:4rem 18rem;
    }
    #productModule .pageNavigation .active{
      font-weight: 500;
      background: var(--ebc-neutral-bg_c);
      border-radius: 50%;
    }
    #productModule .product-table::-webkit-scrollbar,
    #productModule .product-box::-webkit-scrollbar {
      display: none;
    }
    
    #productModule .product-table-th .product-table-td {
      color: var(--ebc-text-secondary);
      padding:16rem 0;
      justify-content: flex-end;
    }
    #productModule .product-table-th .product-table-td:nth-child(4),
    #productModule .product-table-th .product-table-td:nth-child(6){
      justify-content: center;
    }
    #productModule .product-table-tr .product-table-td {
      white-space: nowrap;
      padding: 32rem 0;
    }
 
    #productModule .product-table-tr,
    #productModule .product-table-th {
      gap: 32rem;
      padding-right: 100rem;
      position: relative;
      width: fit-content;
    }
    #productModule.ar .product-table-tr .product-table-td:first-child,
    #productModule.ar .product-table-th .product-table-td:first-child{
        left:unset;
        right:0;
    }
    #productModule.ar .product-table-tr, #productModule.ar .product-table-th{
        padding-left:100rem;
        padding-right:0;
    }
    #productModule.zh .product-table-tr .product-table-td:first-child,
    #productModule.zh .product-table-th .product-table-td:first-child {
      flex: 0 0 200rem;
      width: 200rem;
    }
    #productModule .product-table-tr .product-table-td:first-child,
    #productModule .product-table-th .product-table-td:first-child {
      flex-direction: column;
      flex: 0 0 160rem;
      width: 160rem;
      padding-left: 0;
      align-items: flex-start;
      justify-content: center;
      gap: 8rem;
      position: sticky;
      left: 0;
      background: var(--ebc-basecolor-white-100);
    }
    .mn  #productModule .product-table-tr .product-table-td:first-child,
    .mn #productModule .product-table-th .product-table-td:first-child {
      flex: 0 0 210rem;
      width: 210rem;
    }
    #productModule .product-table-tr .product-table-td:nth-child(5){
      justify-content: flex-end;
    }
    .noScroll .product-table-tr .product-table-td:first-child::after,
    .noScroll .product-table-th .product-table-td:first-child::after{
      display: none!important;
    }
     #productModule .product-table-tr .product-table-td:first-child::after,
    #productModule .product-table-th .product-table-td:first-child::after{
         content: '';
        position: absolute;
        top: 0;
        right: -8px;          /* 控制阴影条水平位置 */
        width: 8px;           /* 阴影条宽度 */
        height: 100%;         /* 贯穿整个行高 */
        background: linear-gradient(to right, rgba(0,0,0,0.08), transparent);
        pointer-events: none; /* 不影响点击 */
    }
    #productModule.ar .product-table-tr .product-table-td:first-child::after,
    #productModule.ar .product-table-th .product-table-td:first-child::after{
        right:unset;
        left:-8px;
        background: linear-gradient(to left, rgba(0,0,0,0.08), transparent);

    }
    #productModule .product-table-tr .product-table-td:nth-child(2),
    #productModule .product-table-tr .product-table-td:nth-child(3),
    #productModule .product-table-th .product-table-td:nth-child(2),
    #productModule .product-table-th .product-table-td:nth-child(3) {
      flex: 0 0 112rem;
      width: 112rem;
    }
     #productModule.jp .product-table-tr .product-table-td:nth-child(4),
    #productModule.jp .product-table-th .product-table-td:nth-child(4) ,
     #productModule.kr .product-table-tr .product-table-td:nth-child(4),
    #productModule.kr .product-table-th .product-table-td:nth-child(4) {
        flex: 0 0 120rem;
        width: 120rem;
    }
    #productModule .product-table-tr .product-table-td:nth-child(4),
    #productModule .product-table-th .product-table-td:nth-child(4) {
      flex: 0 0 80rem;
      width: 80rem;
    }
    #productModule .product-table-tr .product-table-td:nth-child(6),
    #productModule .product-table-th .product-table-td:nth-child(6) {
      flex: 0 0 128rem;
      width: 128rem;
    }
    #productModule.es .product-table-tr .product-table-td:nth-child(5),
    #productModule.es .product-table-th .product-table-td:nth-child(5) {
      flex: 0 0 200rem;
      width: 200rem;
    }
    #productModule.es .product-table-tr .product-table-td:nth-child(6),
    #productModule.es .product-table-th .product-table-td:nth-child(6) {
      flex: 0 0 160rem;
      width: 160rem;
    }
    #productModule.jp .product-table-tr .product-table-td:nth-child(6),
    #productModule.jp .product-table-th .product-table-td:nth-child(6){
        flex:0 0 160rem;
        width: 160rem;
    }
     #productModule.mn .product-table-tr .product-table-td:nth-child(6),
    #productModule.mn .product-table-th .product-table-td:nth-child(6),
     #productModule.pt .product-table-tr .product-table-td:nth-child(6),
    #productModule.pt .product-table-th .product-table-td:nth-child(6) {
        flex: 0 0 240rem;
      width: 240rem;
    }
     #productModule.jp .product-table-tr .product-table-td:nth-child(5),
    #productModule.jp .product-table-th .product-table-td:nth-child(5) {
        flex: 0 0 150rem;
      width: 150rem;
    }
  #productModule.pt .product-table-tr .product-table-td:nth-child(5),
    #productModule.pt .product-table-th .product-table-td:nth-child(5) {
        flex: 0 0 200rem;
      width: 200rem;
    }
    #productModule .product-table-tr .product-table-td:nth-child(5),
    #productModule .product-table-th .product-table-td:nth-child(5) {
      flex: 0 0 96rem;
      width: 96rem;
      order: 2;
    }
    .formPopup{
      width: 100%;
      bottom:-110%;
      left:0;
      transform: scale(0);
      top:unset;
      border-radius: 32rem 32rem 0 0;
      padding:48rem 32rem 96rem;
    }
    .showFormPopup{
      bottom:0;
      transform: scale(1);
    }
    .formPopup h2{
        max-width: 75vw;
    }
    .formPopup h3{
      margin:16rem 0 48rem;
    }
    .formPopup svg{
      top:55rem;
      right:32rem;
      width: 48rem;
      height: 48rem;
    }
    .ar .formPopup svg{
        right: unset;
        left:32rem;
    }
    .formPopup .product-table{
      max-width: calc(100vw - 64rem);
      overflow: auto;
      padding-bottom:16rem;
    }
    .formPopup .product-table-row {
      position: relative;
    }
    
    /* .formPopup .product-table::-webkit-scrollbar{
      display: none;
    } */
    .formPopup .product-table .product-innertable-th,
    .formPopup .product-table .product-innertable-tr{
      padding-right:24rem;
    }
    .formPopup .product-table .product-innertable-tr,
    .formPopup .product-table .product-innertable-th{
      gap:48rem;
      /* width:fit-content; */
    }
    .formPopup .product-table .product-innertable-th{
      white-space: nowrap;
    }
    #productModule .product-innertable-th, #productModule .product-innertable-tr{
        height:80rem ;
    }
    #productModule .product-innertable-th{
      /* position: sticky; */
      background: var(--ebc-basecolor-white-100);
      /* top:0; */
      /* z-index: 10; */
    }
    #productModule .product-innertable-tbody{
      overflow: visible;
      height: 400rem;
    }
    .formPopup .product-innertable-th{
      width: fit-content;
    }
    .formPopup .product-innertable-td:first-child{
      position: sticky;
      left:0;
      background: var(--ebc-basecolor-white-100);
      flex:0 0 114rem!important;
      width: 114rem!important;
    }
    .ar .formPopup .product-innertable-td:first-child{
        left:unset;
        right:0;
    }

    .formPopup .noScroll .product-innertable-td:first-child::after{
      display: none!important;
    }
    .formPopup .product-innertable-td:first-child::after{
         content: '';
        position: absolute;
        top: 0;
        right: -8px;          /* 控制阴影条水平位置 */
        width: 8px;           /* 阴影条宽度 */
        height: 100%;         /* 贯穿整个行高 */
        background: linear-gradient(to right, rgba(0,0,0,0.08), transparent);
        pointer-events: none; /* 不影响点击 */
    }
    .ar .formPopup .product-innertable-td:first-child::after{
        right:unset;
        left:-8px;
        background: linear-gradient(to left, rgba(0,0,0,0.08), transparent);
    }

    .formPopup .product-innertable-td:nth-child(2){
      flex:0 0 112rem!important;
      width:112rem!important
    }
    .formPopup .product-innertable-td:last-child{
      flex:0 0 96rem!important;
      width:96rem!important;
      justify-content: center!important;
    }
    .formPopup .product-innertable-td{
      flex: 0 0 160rem!important;
      width: 160rem;
    }
    /* 把上下三角重置 */
  .popover::before,
  .popover::after {
    left: -10px;          /* 贴到 popover 左侧 */
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
  }
  /* 朝左的三角：右边框着色 */
  .popover::before {
    border-right-color: var(--ebc-neutral-bg_d);
  }
  .popover::after {
    left: -6px;
    border-right-color: var(--ebc-neutral-bg_d);
  }
  .ar.popover::before,
  .ar.popover::after {
    left:unset;
    right: -10px;
    border-left-color: var(--ebc-neutral-bg_d);
    border-right-color: transparent;

  }
}