.megaMenuItem-megaMenuItem-qYs {
    /* composes: mx-3 from global; */
    border-bottom: 2px solid transparent;
    margin-bottom: 2px;
    box-sizing: border-box;
    margin: 0; 
}

.megaMenuItem-megaMenuLink-TtE {
    min-height: 5rem;
    font-size: 14px;
    padding: 0 10px;
}
html.jyLang_ae_ar{
    .megaMenuItem-megaMenuLink-TtE {
        font-size: 16px; font-weight:500;
    }
}

.megaMenuItem-megaMenuLinkActive-D-w {
    cursor: pointer;
    /* composes: underline from global; */
}

.megaMenuItem-megaMenuItem_active-dqq {
    /* composes: flex from global; */
    /* border-color: #000; */
}
.megaMenuItem-same-i6n{
    pointer-events: none; font-weight: 600; border-bottom: 2px solid #000;
    background-color: rgba(0,0,0,0.02);
}
.megaMenuItem-arrowDown-ZsS {
}

/* TODO @TW: cannot compose */
.megaMenuItem-megaMenuItem-qYs:hover .megaMenuItem-megaMenuLink-TtE,
.megaMenuItem-megaMenuItem-qYs:focus .megaMenuItem-megaMenuLink-TtE {
    /* text-decoration: underline; */
    background-color: rgba(0,0,0,0.02);
}

.submenu-submenu--T5 {
    /* composes: bg-white from global; */
    /* composes: px-3 from global; */
    /* composes: py-5 from global; */
    margin: 0 -2rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* TODO @TW: cannot compose */
.submenu-submenu--T5::before {
    display: none;
    box-shadow: inset 0 2px rgb(var(--venia-global-color-gray-100));
    content: '';
    height: 10px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.submenu-submenu_inactive--C- {
    /* composes: hidden from global; */
}

.submenu-submenu_active-gSn {
    /* composes: flex from global;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 50px 0 50px; */
    /* height: 348px; */
    /* transform: translateY(-50%); */
}

.submenu-jySubMenuCnt-jlA{
    position: relative;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out 0.1s;
    padding:20px 0 20px 0; 
    box-shadow:10px 2px 1px rgb(var(--venia-global-color-gray-100));
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.submenu-jySubMenuBox-BNB{
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;height: 0; overflow: hidden;margin: 0 -2rem;
}
.submenu-submenu_active-gSn .submenu-jySubMenuBox-BNB {
    height: auto;
}
.submenu-submenu_active-gSn .submenu-jySubMenuBox-BNB .submenu-jySubMenuCnt-jlA{
    transform:translate3d(0,0,0);
    /* transform: translateY(0px); */
}

.submenu-submenuItems-oOx {
    /* composes: flex from global; */
    /* composes: flex-wrap from global; */
    /* composes: justify-between from global; */
    /* padding: 40px 50px 0 50px; */
    padding: 0;
    /* justify-content: center;
    display: flex; */
    /* width: 500px;  */
    margin: 0 auto;
    display: flex; justify-content: center;
}
/* 目的是为了溢出撑开 */
.submenu-submenuItemsCnt-IpT{
    /* width: 1000px; */
    clear: both;
    overflow: hidden;
    display: flex;
}
.submenu-jySubMenusWrap-8Bz{
    width: 160px; float: left;
    display: flex; flex-direction: column; align-items: flex-start; 
    padding: 16px 0 0 0;
}
.submenu-imagesBox-pqf{   
    width: 732px;
}

.submenu-subswiper-BJ4 li{display:flex;width:220px;height:284px;flex-direction: column; align-items: flex-start;gap:20px}
.submenu-viewall-1XC{font-size: 15px; margin: 0 0 1.25rem; }
.submenu-viewall-1XC:hover{text-decoration: underline;}


/* submenuNewWrap */
.submenu-submenuNewWrap-uHK{
    position: relative;z-index: 0;height: 0;width: 100%; top: -2px;
}
.submenu-submenuNewWrap-uHK .submenu-box-JuD{
    position: absolute;left: 50%; top: 0; width: 200px; height: 0; margin-left: -100px; z-index: 0; overflow: hidden; text-align: center;
}
.submenu-submenuNewWrap-uHK ul{
    transition: all 0.5s; transform: translateY(-300px); padding: 12px 0;background-color: #fff; display: inline-block; margin: 0 auto;
}
.submenu-submenuNewWrap-uHK ul li{
     color: #000;
}
.submenu-submenuNewWrap-uHK ul li a{ display: block;padding: 10px 30px; text-align: center; cursor: pointer; }
.submenu-submenuNewWrap-uHK ul li a:hover{ display: block; background-color: rgba(0,0,0,0.05);}
.submenu-submenuNewWrap-uHK.submenu-active-Bzz ul{
    transform: translateY(0);
}
.submenu-submenuNewWrap-uHK.submenu-active-Bzz .submenu-box-JuD{
    height: auto;
}