/* 展开式关闭掉body的鼠标事件 */
body.ly_header_menu_close_pointer_event{pointer-events: none;}
[ly-header-menu]{pointer-events: all;}


/* 遮罩背景 */
.ly_header_menu_default{transition:.3s; width:100vw; /*height:100vh;*/ left:0; top:0; bottom: 0; z-index:19; background:rgba(0,0,0,.1); font-size:14px; opacity:0}
.ly_header_menu_default.cur{right:0; opacity:1; visibility:visible;}


/* 展示区 */
.ly_header_menu_default_wrap{background:var(--bg_color); width:300px; height:100%;overflow: hidden; padding-top:100px; transform:translateX(101%); float:right; transition:.3s;position: relative;}
.ly_header_menu_default.cur .ly_header_menu_default_wrap{transform:translateX(0);}


/* 侧拉导航 */
.ly_header_menu_default_nav{height: 100%;height: 100%;background: var(--bg_color);transition: .3s;overflow-x:hidden;overflow-y: auto;}
.ly_header_menu_default_nav.cur{transform:translateX(-20%);opacity: 0;}


/* 侧拉副导航 */
.ly_header_menu_default_subnav{width: 100%;height: 100%;background: var(--bg_color);transition: .3s; overflow-x:hidden;overflow-y: auto;position: absolute;top: 0;left:100%;}
.ly_header_menu_default_subnav.cur{transform: translateX(-100%);}
/* 侧拉副导航-上一个subnav */
.ly_header_menu_default_subnav.prev{transform:translateX(-120%);opacity: 0;}
/* 侧拉副导航-关闭按钮 */
.ly_header_menu_default_subnav_back{font-size:20px;color: var(--font_color);position: relative;padding:0 4vw;text-align: center;cursor: pointer;}
/* 边框 */
/* .ly_header_menu_default_subnav_back::after{display: block;content: '';width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;opacity: .2;background: var(--font_color);} */
.ly_header_menu_default_subnav_back_i{font-size: 20px;}
/* .ly_header_menu_default_subnav_back_span{display: none;} */


/* 所有的li */
.ly_header_menu_default_nav_li{font-size:18px;line-height: 1.8;color: var(--font_color);position: relative;margin: 0 4vw;padding:20px 0px; }
/* li边框 */
/* .ly_header_menu_default_nav_li::after{display: block;content: '';width: 100%;height: 1px;position: absolute;top: 0;left: 0;opacity: .2;background: var(--font_color);} */
/* 取消主侧拉第一个li和副侧拉第二个li的上边框 */
/* .ly_header_menu_default_nav .ly_header_menu_default_nav_li:first-child::after{display: none;} */
/* .ly_header_menu_default_subnav .ly_header_menu_default_nav_li:nth-of-type(2)::after{display: none;} */


/* li - 数字与箭头 */
.ly_header_menu_default_nav_li > span{color: var(--num_color);padding-right: 8px;cursor: pointer;}
.ly_header_menu_default_nav_li_i{font-size: 20px;cursor: pointer;}


/* li - 按钮 - 语言切换 */
.ly_header_menu_default_nav_li_btn,
.ly_header_menu_default_nav_li_btn_drop,
.ly_header_menu_default_nav_li_btn_drop_box{display: none;}



@media only screen and (max-width: 900px) {
    /* app 侧边栏样式 */
    .ly_header_menu_default_wrap{width: 5.3rem;padding-top:1.2rem;}
    .ly_header_menu_default_nav_li{font-size: .3rem;}
    .ly_header_menu_default_nav_li_i{font-size: .32rem;}
    .ly_header_menu_default_subnav{}
    .ly_header_menu_default_subnav_back{font-size: .3rem;}
    .ly_header_menu_default_subnav_back_i{font-size: .32rem;}
}

@media only screen and (max-width: 750px) {
    /* 所有的 li */
    .ly_header_menu_default_nav_li{font-size: var(--font-sma-S);line-height: var(--font-sma-L);padding: .26rem 0;margin: 0 8vw;}
    .ly_header_menu_default_subnav .ly_header_menu_default_nav_li{font-size: var(--font-sma-S);line-height: var(--font-sma-L);}
    .ly_header_menu_default_nav_li_i{font-size: var(--font-sma-S);}

    /* 语言选择按钮 */
    .ly_header_menu_default_nav_li_btn{display: flex;flex-wrap: wrap;margin: 0 8vw;padding:.25rem 0px;gap: .30rem;position: absolute;left: 0;right: 0;bottom: 0;background: var(--bg_color);}
    .ly_header_menu_default_nav_li_btn > *{min-width: calc((100% - .60rem) / 3);height: .70rem;border-radius: .35rem;padding: 0 .16rem;font-size:var(--font-sma-S);color: var(--font_color);border: 1px solid var(--num_color);display: inline-flex;align-items: center;justify-content: center;}
    /* 当前语言样式 */
    .ly_header_menu_default_nav_li_btn > *.cur{border-color: var(--mainColor);color: var(--mainColor);}


    /* 语言选择可展开 */
    .ly_header_menu_default_nav_li_btn_drop{display: flex;justify-content: center;align-items: center;margin: 0 8vw;padding:.25rem 0px;gap: .30rem;position: absolute;left: 0;right: 0;bottom: 0;color: var(--font_color);font-size: var(--font-sma-S);background: var(--bg_color);}
    .ly_header_menu_default_nav_li_btn_drop > i{font-size: var(--font-sma-S);transition: .3s;}

    /* 语言选择展开 */
    .ly_header_menu_default_nav_li_btn_drop_box{position: absolute;left: 0;right: 0;top: 100%;bottom: 0;background: #fff;transition: .3s;display: flex;flex-direction: column;background: var(--font_color);color: var(--bg_color);padding: .6rem 0;overflow-y: auto;}
    .ly_header_menu_default_nav_li_btn_drop_box.cur{top: calc(10% + 1.2rem);}

    .ly_header_menu_default_nav_li_btn_drop_box > *{font-size: var(--font-sma-S);line-height: var(--font-sma-L);padding: .26rem 0;margin: 0 8vw;}
    /* 当前语言样式 */
    .ly_header_menu_default_nav_li_btn_drop_box > *.cur{color: var(--mainColor);}


    /* 返回按钮 */
    .ly_header_menu_default_subnav_back{font-size: var(--font-sma-S);padding:0 8vw;}
    /* .ly_header_menu_default_subnav_back::after{display: block;} */
    .ly_header_menu_default_subnav_back_i{font-size: var(--font-sma-S);}
}






/* 左侧出现 ———————————————————————————————————— */


/* 展示区 */
.ly_header_menu_default[data-direction="left"] .ly_header_menu_default_wrap{ transform:translateX(-101%); float:left;background:var(--bg_color);}
.ly_header_menu_default[data-direction="left"].cur .ly_header_menu_default_wrap{transform:translateX(0);}