/* ==========================================================================
   网站装修 header 模块样式 (header_1 模式, 主题模版 id=1 电子科技)
   基于 ueeshop t331 ly_header_59; 作用域 .ly_header_1
   颜色/字号等配置相关样式由模板内联 <style> 注入 CSS 变量
   ========================================================================== */

.ly_header_1 {
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    background-color: var(--ThemesHeaderBgColor, #2F2622);
}

.ly_header_1 .headerFixed {
    width: 100%;
}

/* PC端/移动端 页首固定在顶部(pcSticky/mobileSticky 开启时)
   sticky 放在 .ly_header_1(父 main.deco-page 高度=整页, 有滚动空间);
   若放 .headerFixed(父 .ly_header_1 高度=自身), sticky 无空间会随父移出 */
@media screen and (min-width: 1001px) {
    .ly_header_1.sticky-pc {
        position: sticky;
        top: 0;
        z-index: 100;
    }
}
@media screen and (max-width: 1000px) {
    .ly_header_1.sticky-mobile {
        position: sticky;
        top: 0;
        z-index: 100;
    }
}

.ly_header_1 .wide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
}

/* ===== 公告栏 ===== */
.ly_header_1 .deco-header-announcement {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    line-height: 1.5;
}
.ly_header_1 .deco-header-announcement .wide {
    width: 100%;
    gap: 20px;
}

/* 公告栏只有一个子元素(如只显示正文)时居中; 多元素时 space-between 两端对齐 */
.ly_header_1 .deco-header-announcement .wide > *:only-child {
    margin: 0 auto;
}
.ly_header_1 .deco-header-announcement .ann-contact,
.ly_header_1 .deco-header-announcement .ann-social {
    white-space: nowrap;
}
/* 联系方式: 邮箱/电话 图标+文字 横向排列 */
.ly_header_1 .deco-header-announcement .ann-contact {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.ly_header_1 .deco-header-announcement .ann-contact .ann-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}
.ly_header_1 .deco-header-announcement .ann-contact .ann-contact-item:hover span {
    text-decoration: underline;
}
.ly_header_1 .deco-header-announcement .ann-contact .ann-contact-icon {
    flex-shrink: 0;
}
/* 公告栏社交媒体图标(全局配置 social 组; socialOfficialColor 控彩色/黑白; 有地址才显示; 悬停上移) */
.ly_header_1 .deco-header-announcement .ann-social .deco-social-icons { display: inline-flex; align-items: center; gap: 8px; height: 30px; }
.ly_header_1 .deco-header-announcement .ann-social .deco-social-link { display: inline-flex; transition: transform 0.2s ease; }
.ly_header_1 .deco-header-announcement .ann-social .deco-social-link:hover { transform: translateY(-3px); }
.ly_header_1 .deco-header-announcement .ann-social .deco-social-link { color: inherit; }
.ly_header_1 .deco-header-announcement .ann-social .deco-social-icon-bg { width: 20px; height: 20px; line-height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }

/* PC 端公告栏布局(6 种单行排列, 用 flex order 控制 contact/text/social 顺序) */
.ly_header_1 .pc_layout_onects .ann-contact { order: 1; } .ly_header_1 .pc_layout_onects .ann-text { order: 2; } .ly_header_1 .pc_layout_onects .ann-social { order: 3; }
.ly_header_1 .pc_layout_onestc .ann-social { order: 1; } .ly_header_1 .pc_layout_onestc .ann-text { order: 2; } .ly_header_1 .pc_layout_onestc .ann-contact { order: 3; }
.ly_header_1 .pc_layout_onecst .ann-contact { order: 1; } .ly_header_1 .pc_layout_onecst .ann-social { order: 2; } .ly_header_1 .pc_layout_onecst .ann-text { order: 3; }
.ly_header_1 .pc_layout_onesct .ann-social { order: 1; } .ly_header_1 .pc_layout_onesct .ann-contact { order: 2; } .ly_header_1 .pc_layout_onesct .ann-text { order: 3; }
.ly_header_1 .pc_layout_onetcs .ann-text { order: 1; } .ly_header_1 .pc_layout_onetcs .ann-contact { order: 2; } .ly_header_1 .pc_layout_onetcs .ann-social { order: 3; }
.ly_header_1 .pc_layout_onetsc .ann-text { order: 1; } .ly_header_1 .pc_layout_onetsc .ann-social { order: 2; } .ly_header_1 .pc_layout_onetsc .ann-contact { order: 3; }

/* ===== LOGO ===== */
.ly_header_1 .logo {
    padding: 10px 0;
    flex-shrink: 0;
}
.ly_header_1 .logo a {
    display: block;
    text-decoration: none;
}
.ly_header_1 .logo img {
    max-width: 100%;
    height: auto;
    display: block;
}
.ly_header_1 .logo .logo-image-fallback { display: none; }
.ly_header_1 .logo .logo-text {
    display: inline-block;
    font-family: 'Poppins-Regular', 'Helvetica Neue', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.2;
}

/* ===== 导航 ===== */
.ly_header_1 .nav {
    margin-left: 12%;
    padding: 14px 0;
    flex: 1;
    min-width: 0;
}
.ly_header_1 .nav ul.default_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ly_header_1 .nav ul.default_nav li {
    padding: 10px 0;
    list-style: none;
}
.ly_header_1 .nav ul.default_nav li > a {
    display: block;
    text-decoration: none;
    color: var(--ThemesNavTextColor, #ffffff);
    font-family: var(--ThemesNavFont, 'Poppins-Regular');
    transition: color 0.2s ease;
}
.ly_header_1 .nav ul.default_nav li > a:hover {
    text-decoration: none;
    color: var(--ThemesNavTextHoverColor, #ffffff);
}

/* ===== 工具区 ===== */
.ly_header_1 .tool {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.ly_header_1 .tool a {
    text-decoration: none;
}
.ly_header_1 .tool a:hover {
    text-decoration: none;
}
.ly_header_1 .tool svg {
    display: block;
}
.ly_header_1 .tool .tool_search {
    padding: 0 12px;
    cursor: pointer;
}
.ly_header_1 .tool .tool_search a {
    display: block;
}
.ly_header_1 .tool .tool_language {
    padding: 0 12px;
    cursor: pointer;
    line-height: 25px;
}
.ly_header_1 .tool .tool_language dl {
    margin: 0;
}
.ly_header_1 .tool .tool_language dt {
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ly_header_1 .tool .tool_user {
    display: block;
    padding: 0 12px;
    cursor: pointer;
}
.ly_header_1 .tool .tool_user .tool_member_entrance {
    display: block;
}
.ly_header_1 .tool .tool_inquiry {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.ly_header_1 .tool .tool_inquiry .tool_inquiry_icon {
    display: block;
    padding: 0 10px;
}
.ly_header_1 .tool .tool_inquiry .list_numner {
    display: flex;
    padding: 0 8px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.ly_header_1 .tool .tool_inquiry_btn {
    margin-left: 12px;
}
.ly_header_1 .tool .tool_inquiry_btn a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
}
.ly_header_1 .tool .tool_menu {
    display: none;
    color: var(--ThemesHeaderIconColor, #ffffff);
    font-size: 26px;
    margin: 0 10px;
    cursor: pointer;
}

/* ===== 移动端 header (默认隐藏) ===== */
.ly_header_1 .mobile_themes_global_header {
    display: none;
}
/* 移动端导航抽屉: PC 隐藏, 移动端点击 ajax_menu 展开 */
.mobile_nav_drawer {
    display: none;
}
.ly_header_1 .mobile_themes_global_header .mobile_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}
.ly_header_1 .mobile_themes_global_header .btn_menu {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ly_header_1 .mobile_themes_global_header .ajax_search,
.ly_header_1 .mobile_themes_global_header .ajax_menu {
    cursor: pointer;
}

/* ===== 占位高度 ===== */
.ly_header_1 .header_content_height {
    height: 0;
}

/* ===== 响应式 ===== */
@media screen and (max-width: 1000px) {
    /* 移动端 header 提升层级, 确保抽屉/遮罩不被其他模块遮挡 */
    .ly_header_1 {
        position: relative;
        z-index: 9999;
    }
    .ly_header_1 .themes_global_header {
        display: none;
    }
    .ly_header_1 .mobile_themes_global_header {
        display: block;
    }
    .ly_header_1 .nav {
        display: none;
    }
    .ly_header_1 .tool .tool_language {
        display: none;
    }
    .ly_header_1 .tool .tool_user {
        display: none;
    }
    .ly_header_1 .tool .tool_inquiry_btn {
        display: none;
    }
    .ly_header_1 .tool .tool_menu {
        display: block;
        margin: 0;
    }
    .ly_header_1 .tool .tool_search {
        padding: 0;
        margin: 0 20px;
    }

    /* 移动端公告栏布局: contact + social 在上, text 独占一行在下方 */
    .ly_header_1 .deco-header-announcement .ann-text {
        width: 100%;
        order: 3;
    }
    .ly_header_1 .deco-header-announcement .wide {
        gap: 12px;
        flex-wrap: wrap;
    }
    .ly_header_1 .mobile_layout_two_rows_top_contact .wide { flex-direction: column; }
    .ly_header_1 .mobile_layout_two_rows_top_contact .ann-contact { order: 1; }
    .ly_header_1 .mobile_layout_two_rows_top_contact .ann-social { order: 2; }
    .ly_header_1 .mobile_layout_two_rows_top_social .wide { flex-direction: column; }
    .ly_header_1 .mobile_layout_two_rows_top_social .ann-social { order: 1; }
    .ly_header_1 .mobile_layout_two_rows_top_social .ann-contact { order: 2; }
    .ly_header_1 .mobile_layout_one_row_contact_left .wide { flex-direction: row; }
    .ly_header_1 .mobile_layout_one_row_contact_left .ann-contact { order: 1; }
    .ly_header_1 .mobile_layout_one_row_contact_left .ann-social { order: 2; }
    .ly_header_1 .mobile_layout_one_row_contact_right .wide { flex-direction: row; }
    .ly_header_1 .mobile_layout_one_row_contact_right .ann-social { order: 1; }
    .ly_header_1 .mobile_layout_one_row_contact_right .ann-contact { order: 2; }

    /* 移动端导航遮罩(点击关闭抽屉) */
    .mobile_nav_mask {
        display: block;
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }
    .mobile_nav_mask.open {
        opacity: 1;
        visibility: visible;
    }
    /* 移动端导航抽屉(侧边滑出, 参考 ueeshop fixed_nav_pop_center) */
    .mobile_nav_drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        width: 80%;
        max-width: 300px;
        height: 100%;
        background-color: #ffffff;
        z-index: 9999;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    }
    .mobile_nav_drawer.open {
        transform: translateX(0);
    }
    .mobile_nav_drawer .box_top {
        display: flex;
        justify-content: flex-end;
        padding: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile_nav_drawer .box_top .close {
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .mobile_nav_drawer .box_center {
        padding: 0 20px;
    }
    .mobile_nav_drawer .menu_item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile_nav_drawer .menu_item:last-of-type {
        border-bottom: none;
    }
    .mobile_nav_drawer .menu_title > a {
        display: block;
        padding: 14px 0;
        color: #333333;
        font-family: var(--ThemesNavFont, 'Poppins-Regular');
        text-decoration: none;
    }
    .mobile_nav_drawer .box_top .close svg {
        fill: #333333;
    }
    /* 语言切换(language_box) */
    .mobile_nav_drawer .language_box {
        position: relative;
        padding: 14px 0;
        margin-top: 20px;
    }
    .mobile_nav_drawer .language_title {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #333333;
        cursor: pointer;
        padding: 10px 12px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }
    .mobile_nav_drawer .language_title .lang_name {
        flex: 1;
    }
    .mobile_nav_drawer .language_list {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #ffffff;
        z-index: 10;
        padding: 8px 12px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .mobile_nav_drawer .language_list .language_item {
        display: block;
        padding: 6px 0;
        color: #333333;
        text-decoration: none;
        font-size: 14px;
    }
    /* 询盘按钮 */
    .mobile_nav_drawer .drawer_inquiry_btn {
        display: block;
        margin: 20px 0;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        font-family: var(--ThemesNavFont, 'Poppins-Regular');
    }
    /* 登录 */
    .mobile_nav_drawer .drawer_account {
        margin-top: auto;
        padding: 14px 20px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile_nav_drawer .drawer_account a {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #333333;
        text-decoration: none;
        font-size: 14px;
    }
}

/* 编辑态描边(hover/选中)与 cursor 统一在 editor.css 的 .deco-module::before 覆盖层里,
   本文件不再重复一套 outline: outline 会被模块内贴边的元素盖住一段。 */

/* ===== 内部元素编辑态交互提示 ===== */
.deco-edit-mode .ly_header_1 .logo,
.deco-edit-mode .ly_header_1 .nav li,
.deco-edit-mode .ly_header_1 .tool_search,
.deco-edit-mode .ly_header_1 .tool_language,
.deco-edit-mode .ly_header_1 .tool_user,
.deco-edit-mode .ly_header_1 .tool_inquiry,
.deco-edit-mode .ly_header_1 .tool_inquiry_btn {
    cursor: pointer;
}

/* ===== 配置化导航：下拉子菜单与 mega menu ===== */
.ly_header_1 .nav ul.default_nav li {
    position: relative;
}
.ly_header_1 .nav ul.default_nav li.has-children > a::after {
    content: none;
}
.ly_header_1 .nav ul.sub_nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border-radius: 4px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    z-index: 100;
}
.ly_header_1 .nav ul.default_nav li:hover > ul.sub_nav {
    display: block;
}
.ly_header_1 .nav ul.sub_nav li {
    padding: 0;
}
.ly_header_1 .nav ul.sub_nav li > a {
    display: block;
    padding: 8px 16px;
    color: var(--ThemesNavLevel2TextColor, #2F2622);
    white-space: nowrap;
}
.ly_header_1 .nav ul.sub_nav li > a:hover {
    color: var(--ThemesNavLevel2TextHoverColor, #2F2622);
    background: rgba(0,0,0,0.04);
}

/* text_only 多级级联下拉 (flyout) */
.ly_header_1 .nav .flyout {
    display: none;
    position: absolute;
    min-width: 180px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border-radius: 4px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    z-index: 100;
}
.ly_header_1 .nav ul.default_nav > li:hover > .flyout {
    display: block;
    top: 100%;
    left: 0;
}
/* 一级与下拉菜单间距(dropdownGap)的 hover 桥接: 透明伪元素填满间距空隙,
   鼠标下移经过空隙时仍处于 li 后代区域, 保持 li:hover, 避免下拉提前关闭 */
.ly_header_1 .nav ul.default_nav > li > .flyout::before,
.ly_header_1 .nav ul.default_nav > li > .product_mega_menu::before {
    content: '';
    position: absolute;
    top: calc(-1 * var(--dropdownGap, 10px));
    left: 0;
    right: 0;
    height: var(--dropdownGap, 10px);
}
.ly_header_1 .nav .flyout li.has-sub > .flyout {
    top: 0;
    left: 100%;
}
.ly_header_1 .nav .flyout li.has-sub:hover > .flyout {
    display: block;
}
.ly_header_1 .nav ul.flyout li {
    position: relative;
    padding: 0;
}
.ly_header_1 .nav .flyout li > a {
    display: block;
    position: relative;
    padding: 8px 28px 8px 16px;
    white-space: nowrap;
}
.ly_header_1 .nav .flyout .flyout-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.ly_header_1 .nav .flyout .flyout-arrow svg {
    width: 0.9em;
    height: 0.9em;
    display: block;
}
.ly_header_1 .nav .flyout.flyout-level-2 li > a { color: var(--ThemesNavLevel2TextColor, #2F2622); font-size: var(--ThemesNavLevel2FontSize, 14px); }
.ly_header_1 .nav .flyout.flyout-level-2 li > a:hover { color: var(--ThemesNavLevel2TextHoverColor, #2F2622); background: rgba(0,0,0,0.04); }
.ly_header_1 .nav .flyout.flyout-level-3 li > a { color: var(--ThemesNavLevel3TextColor, #2F2622); font-size: var(--ThemesNavLevel3FontSize, 14px); }
.ly_header_1 .nav .flyout.flyout-level-3 li > a:hover { color: var(--ThemesNavLevel3TextHoverColor, #2F2622); background: rgba(0,0,0,0.04); }
.ly_header_1 .nav .flyout.flyout-level-4 li > a { color: var(--ThemesNavLevel4TextColor, #2F2622); font-size: var(--ThemesNavLevel4FontSize, 14px); }
.ly_header_1 .nav .flyout.flyout-level-4 li > a:hover { color: var(--ThemesNavLevel4TextHoverColor, #2F2622); background: rgba(0,0,0,0.04); }

/* 商品 mega menu */
.ly_header_1 .nav .product_mega_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    border-radius: 4px;
    padding: 20px;
    z-index: 100;
}
.ly_header_1 .nav ul.default_nav li:hover > .product_mega_menu {
    display: flex;
}
.ly_header_1 .nav .product_mega_menu.mega-style-left {
    min-width: 600px;
    gap: 30px;
}
.ly_header_1 .nav .product_mega_menu.mega-style-top {
    min-width: 500px;
    flex-direction: column;
    gap: 20px;
}
.ly_header_1 .nav .product_mega_menu .mega_sub_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 160px;
}
.ly_header_1 .nav .product_mega_menu .mega_sub_nav li > a {
    display: block;
    padding: 6px 0;
    color: var(--ThemesNavLevel2TextColor, #2F2622);
}
.ly_header_1 .nav .product_mega_menu .mega_images {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.ly_header_1 .nav .product_mega_menu.mega-style-top .mega_images {
    order: -1;
}
.ly_header_1 .nav .product_mega_menu .mega_images a {
    display: block;
    width: 180px;
}
.ly_header_1 .nav .product_mega_menu .mega_images img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 4px;
}

/* 左右分栏联动 mega menu (split_link_grid) */
.ly_header_1 .nav .mega_split_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 720px;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    border-radius: 4px;
    z-index: 100;
}
.ly_header_1 .nav ul.default_nav li:hover > .mega_split_menu {
    display: flex;
}
.ly_header_1 .nav .mega_split_left {
    list-style: none;
    margin: 0;
    padding: 12px 0;
    width: 180px;
    background: #f5f7fa;
    border-right: 1px solid #eef0f3;
    border-radius: 4px 0 0 4px;
}
.ly_header_1 .nav .mega_split_left > li {
    position: relative;
}
.ly_header_1 .nav .mega_split_left > li > a {
    display: block;
    padding: 10px 18px;
    color: var(--ThemesNavLevel2TextColor, #2F2622);
    cursor: pointer;
    white-space: nowrap;
}
.ly_header_1 .nav .mega_split_left > li:hover > a {
    background: rgba(0,0,0,0.04);
}
.ly_header_1 .nav .mega_split_left > li.active > a {
    color: var(--ThemesNavLevel2TextHoverColor, #2F2622);
    font-weight: 600;
    background: #ffffff;
}
.ly_header_1 .nav .mega_split_left > li.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--ThemesNavLevel2TextHoverColor, #22c55e);
}
.ly_header_1 .nav .mega_split_right {
    flex: 1;
    padding: 20px 24px;
    min-width: 0;
}
.ly_header_1 .nav .mega_split_panel {
    display: none;
}
.ly_header_1 .nav .mega_split_panel.active {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 20px;
}
.ly_header_1 .nav .mega_split_panel .mega_col {
    min-width: 0;
}
.ly_header_1 .nav .mega_split_panel .mega_col_title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ThemesNavLevel3TextColor, #2F2622);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ly_header_1 .nav .mega_split_panel .mega_col_items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ly_header_1 .nav .mega_split_panel .mega_col_items li > a {
    display: block;
    padding: 5px 0;
    font-size: 13px;
    color: var(--ThemesNavLevel4TextColor, #59616e);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ly_header_1 .nav .mega_split_panel .mega_col_items li > a:hover {
    color: var(--ThemesNavLevel4TextHoverColor, #2F2622);
}
.ly_header_1 .nav .mega_split_panel .mega_empty {
    grid-column: 1 / -1;
    padding: 20px 0;
    color: #909399;
    font-size: 13px;
    text-align: center;
}

/* 移动端子菜单 */
.mobile_nav_drawer .menu_sub_list {
    padding-left: 16px;
    border-left: 2px solid rgba(0,0,0,0.08);
    margin: 4px 0 8px;
}
.mobile_nav_drawer .menu_sub_item > a {
    display: block;
    padding: 6px 0;
    color: #333333;
    font-size: 14px;
}