/* PC导航 */
.ls-container-layout{
	max-width: 96%;margin: 0 auto;
}
.ls-container-layout .line{
	display: flex;align-items: center;
}
#pc-header .logo{padding:20px 0;}
#pc-header .logo img{max-width:100%;max-height:70px;}
#pc-header .navbar{background:#FFF;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03);z-index:9}
#pc-header .nav li.active ul li a {color:#3e3e3e;}
#pc-header .nav li a{
	color:#3e3e3e;
	line-height:110px;
	position:relative;
	padding:0 15px;
	font-size:20px;
	font-weight:600;
}
#pc-header .nav li .first-level{
	height: 110px;
	/* border-bottom: 2px solid #fff; */
	box-sizing: border-box;
	display: inline-block;
}
/* 1. 二级菜单容器基础样式（默认隐藏，hover一级时显示） */
#pc-header .nav li .second-level {
    display: none; /* 默认隐藏，避免占用页面空间 */
    position: absolute; /* 脱离文档流，避免影响一级菜单布局 */
    top: 100%; /* 与一级菜单底部对齐（需确保一级菜单父元素是relative） */
    left: 0;
    min-width: 180px; /* 固定最小宽度，确保文字不换行 */
    background: #fff; /* 白色背景，与页面区分 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 阴影增强层级感 */
    padding: 8px 0; /* 上下内边距，优化菜单项间距 */
    margin: 0;
    list-style: none; /* 去掉默认列表点 */
    box-sizing: border-box; /* 统一盒模型，避免padding撑大容器 */
}

/* 2. 一级菜单hover时，显示对应二级菜单 */
#pc-header .nav li:hover .second-level {
    display: block;
}

/* 3. 二级菜单项基础样式 */
#pc-header .nav li .second-level .second-item {
    display: block; /* 垂直排列（区别于一级的inline-block） */
    height: 40px; /* 固定高度，确保菜单项对齐 */
    line-height: 40px; /* 垂直居中文字 */
    padding: 0 16px; /* 左右内边距，优化点击区域 */
    color: #333; /* 默认文字色（与一级默认色保持一致） */
    text-decoration: none; /* 去掉链接下划线 */
    box-sizing: border-box;
}

/* 4. 二级菜单激活/悬浮态（延续一级的橙色交互） */
#pc-header .nav li .second-level li.active .second-item, /* 二级激活态（当前页） */
#pc-header .nav li .second-level li:hover .second-item  /* 二级悬浮态 */ {
    color: #54b362; /* 与一级激活/悬浮色一致 */
    background: #f5f5f5; /* 浅灰背景，增强选中反馈（可选） */
}
/* #pc-header .nav li:last-child a{padding:0 0 0 20px;} */
#pc-header .nav li ul {top:108px;padding:0;}
/* 1. 二级菜单容器基础样式（默认隐藏，hover一级时显示） */
#pc-header .nav li .second-level {
    display: none; /* 默认隐藏，避免占用页面空间 */
    position: absolute; /* 脱离文档流，避免影响一级菜单布局 */
    top: 100%; /* 与一级菜单底部对齐（需确保一级菜单父元素是relative） */
    left: 0;
    min-width: 180px; /* 固定最小宽度，确保文字不换行 */
    background: #fff; /* 白色背景，与页面区分 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 阴影增强层级感 */
    padding: 8px 0; /* 上下内边距，优化菜单项间距 */
    margin: 0;
    list-style: none; /* 去掉默认列表点 */
    box-sizing: border-box; /* 统一盒模型，避免padding撑大容器 */
}

/* 2. 一级菜单hover时，显示对应二级菜单 */
#pc-header .nav li:hover .second-level {
    display: block;
}

/* 3. 二级菜单项基础样式 */
#pc-header .nav li .second-level .second-item {
    display: block; /* 垂直排列（区别于一级的inline-block） */
    height: 40px; /* 固定高度，确保菜单项对齐 */
    line-height: 40px; /* 垂直居中文字 */
    padding: 0 16px; /* 左右内边距，优化点击区域 */
    color: #333; /* 默认文字色（与一级默认色保持一致） */
    text-decoration: none; /* 去掉链接下划线 */
    box-sizing: border-box;
}

/* 4. 二级菜单激活/悬浮态（延续一级的橙色交互） */
#pc-header .nav li .second-level li.active .second-item, /* 二级激活态（当前页） */
#pc-header .nav li .second-level li:hover .second-item  /* 二级悬浮态 */ {
    color: #54b362; /* 与一级激活/悬浮色一致 */
    background: #f5f5f5; /* 浅灰背景，增强选中反馈（可选） */
}
#pc-header .nav li.active a,#pc-header .nav li a:hover,#pc-header .nav li:hover a.first-level{
	color:#54b362;
}
/* 1. 一级菜单 li：作为二级菜单的定位容器（关键！） */
#pc-header .nav-menu li {
    position: relative; /* 让二级菜单相对于自己定位 */
    display: inline-block; /* 保持一级菜单水平排列 */
    z-index: 100; /* 确保一级菜单层级高于其他元素 */
}

/* 1. 修复二级/三级菜单容器：取消横向排列，强制垂直堆叠 */
#pc-header .nav-menu li .drop-menu {
    /* 关键：清除所有可能导致横向排列的属性（如 flex、inline-block） */
    display: none; /* 保持默认隐藏，hover 时显示 */
    position: absolute;
    top: 100%; /* 二级菜单：紧贴一级菜单底部（避免串到上方） */
    left: 0; /* 二级菜单：与一级菜单左对齐 */
    min-width: 160px; /* 固定宽度，确保垂直排列时每个项宽度一致 */
    width: 160px; /* 避免宽度自适应导致错位，与 min-width 保持一致 */
    padding: 5px 0; /* 上下内边距，优化菜单项间距 */
    margin: 0;
    list-style: none;
    background: #fff; /* 背景色覆盖，避免继承父元素透明 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 4px; /* 可选：优化边角 */
    z-index: 999; /* 足够高的层级，避免被其他元素遮挡 */
    overflow: visible !important; /* 禁止裁剪子菜单，解决三级菜单被隐藏 */
    box-sizing: border-box; /* 确保 padding 不撑大宽度，避免串位置 */
}

/* 2. 修复三级菜单定位：在二级菜单右侧对齐，避免与二级重叠 */
#pc-header .nav-menu li .drop-menu li .drop-menu {
    top: 0; /* 三级菜单：与二级菜单项顶部对齐 */
    left: 100%; /* 三级菜单：紧贴二级菜单右侧（关键！避免串到左边） */
    /* 取消所有横向偏移，确保垂直排列 */
    transform: none !important;
    margin-left: 0 !important;
}

/* 3. 强制菜单项垂直排列：每个 <li> 独占一行 */
#pc-header .nav-menu .drop-menu li {
    display: block !important; /* 覆盖可能的 inline/inline-block，强制垂直 */
    width: 100%; /* 菜单项占满菜单容器宽度，避免横向错位 */
    height: auto; /* 取消固定高度，自适应文字 */
    margin: 0 !important; /* 清除默认 margin，避免上下错位 */
    padding: 0 !important; /* 清除默认 padding，避免左右偏移 */
    position: relative; /* 作为三级菜单的定位容器，避免三级菜单串位 */
}

/* 4. 菜单链接样式：占满菜单项，确保点击区域正常 */
#pc-header .nav-menu .drop-menu li a {
    display: block !important; /* 链接独占一行，实现垂直排列 */
    width: 100%; /* 链接占满菜单项宽度 */
    padding: 10px 15px !important; /* 上下内边距控制高度，左右内边距控制文字位置 */
    margin: 0 !important;
    color: #333; /* 默认文字色，可根据你的风格调整 */
    text-decoration: none;
    white-space: nowrap; /* 禁止文字换行，避免菜单项宽度异常 */
    box-sizing: border-box; /* 确保 padding 不撑大宽度，避免串位置 */
}

/* 3. 三级菜单（.drop-menu 内的 .drop-menu）：相对于二级 li 向右显示 */
#pc-header .nav-menu li .drop-menu li .drop-menu {
    width: auto !important; /* 关键：删除固定宽度，由内容决定宽度 */
    min-width: 160px; /* 保留最小宽度，避免文字过短时菜单过窄 */
    max-width: 350px; /* 可选：限制最大宽度，防止极端长文字导致菜单过宽 */
    white-space: nowrap; /* 禁止容器内文字换行，确保宽度计算准确 */
}
/* 三级菜单链接：让文字自然撑开宽度 */
#pc-header .nav-menu .drop-menu li .drop-menu li a {
    white-space: nowrap; /* 文字不换行，确保一行完整显示 */
    width: auto; /* 链接宽度随文字变化 */
    padding: 10px 15px; /* 保持适当内边距，避免文字贴边 */
}
/* 可选：优化超长文字的边缘处理 */
#pc-header .nav-menu .drop-menu li .drop-menu {
    padding: 5px 0; /* 容器内边距保持一致 */
    box-sizing: content-box; /* 确保内边距不影响宽度计算 */
}
/* 4. hover 触发显示：确保鼠标能“触达”三级菜单 */
/* 一级 li hover → 显示二级菜单 */
#pc-header .nav-menu li:hover > .drop-menu {
    display: block;
}
/* 二级 li hover → 显示三级菜单（必须加 >，避免所有子菜单联动） */
#pc-header .nav-menu li .drop-menu li:hover > .drop-menu {
    display: block;
}

/* 清除可能阻止点击的属性 */
#pc-header .nav-menu .drop-menu li {
    position: relative; /* 作为三级菜单的定位容器 */
    overflow: visible; /* 关键！避免三级菜单被二级菜单裁剪 */
}

#pc-header .nav-menu .drop-menu a {
    display: block; /* 让链接占据整个 li 区域，扩大点击范围 */
    /*padding: 10px 16px; !* 内边距，优化点击体验 *!*/
    color: #333;
    text-decoration: none;
    white-space: nowrap; /* 禁止文字换行，确保菜单宽度稳定 */
}

/* 激活/悬浮态：增强交互反馈（可选，不影响点击） */
#pc-header .nav-menu .drop-menu li.active a,
#pc-header .nav-menu .drop-menu li:hover a {
    color: #54b362;
    background: #f5f5f5;
}
/* 给二级菜单 li 添加微小间距，确保鼠标能过渡到三级菜单 */
#pc-header .nav-menu .drop-menu li {
    margin: 0;
    padding: 0;
}

/* 若仍有间隙，给三级菜单添加负左边距（微调，根据实际情况调整） */
#pc-header .nav-menu li .drop-menu li .drop-menu {
    left: calc(100% - 2px); /* 向左偏移 2px，消除间隙 */
}
/* #pc-header .nav li:hover .first-level{
	border-bottom: 2px solid #54b362;
} */
#pc-header .nav li:hover ul{
	border-top: 2px solid #54b362;
}
#pc-header .nav li ul{background:#FFF;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;}
#pc-header .nav li ul li a {background:#FFF;line-height:42px;color:#3e3e3e;font-size:14px;font-weight:normal;display:block;width:100%;text-align:left;box-sizing: border-box;}
#pc-header .nav li ul li a:hover{background:#54b362;color:#fff;}

/* 登录图标 */
.log-in a.user-ico i{font-size: 20px !important;}

/* pc搜索图标 */
#pc-header .searchBar{position:absolute;top:37px;right:120px}
#pc-header a.search-ico i{font-size:18px;color:#6E6E6E;}

/* 购物车图标 */
#pc-header .shopBar{position:absolute;top:37px;right:80px}
#pc-header a.shop-ico i{font-size:18px;color:#6E6E6E;}

/* 登入后状态 */
.log-in{position:absolute;top:29px;right:5px}
.log-in .drop-menu {margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075); box-shadow:0 6px 12px rgba(0,0,0,.075) }
.log-in .drop-menu li{padding: 0 10px;height: 32px;text-align: center;}
.log-in .drop-menu li a{position: relative;height: 32px;line-height: 32px;}
.log-in .drop-menu li a:hover,.drop-menu a:focus {color:#2D2D2D;background: unset;}
.log-in .button-group span {display:inline-block;line-height:24px;height:24px;width:24px}
.log-in .button-group ul:before {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.log-in .button-group ul:after {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:'';}
.log-in .button-group .button {padding:0;line-height:18px;font-size:20px}
.log-in .button-group .drop-menu {padding: 10px 0; left: -40px;border-top:0px solid #ff0000;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.075);box-shadow: 0px 8px 10px rgba(0,0,0,.05);border-radius:4px;}
.log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#ECEFF5;display:block;}
.log-in a.user-head{width:32px;height:32px;overflow:hidden;display:block;}
.log-in a.user-head img{width:32px;height:32px;}
/* 登入后状态 end*/

/* 注册登录切换 */
.register .tab{font-size:0}
.register .tab li{cursor:pointer;display:inline-block;position:relative;font-size:20px;width:100%;color:#666;margin:0 0 40px 0}
/* .register .tab li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;} */
.register .tab li.cur{color:#54b362}
.register .tab li.cur::before{background:#54b362;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}

.register .line{margin:0px;padding:0;position: relative; text-align: center;}
.register .line span{display: inline-block; padding: 0 20px; position: relative; z-index: 200;}
.register .line hr{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; margin-top:10px; position: absolute; top:0; width: 100%;}

.register .bnt-login{margin:0 auto;text-align:center}
.register .bnt-login a{display:inline-block;color:#fff;font-size:22px;width:48px;height:48px;text-align:center;line-height:48px;margin-right:10px;border-radius:30px}
.register .bnt-login a i{font-size: 22px;}
.register .bnt-login a:hover{opacity:0.8}
.register .bnt-login a.weixin{background:#38B624}
.register .bnt-login a.qq{background:#1F92DF}
.register .bnt-login a.weibo{background:#FF6000}
/* 注册登录切换 end*/

/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}
.searchBar-m .mask-ico i{font-size: 20px;}
.searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar-m a:hover{color:#54b362}
.searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6E6E6E;height:60px;line-height:60px;float:left;padding:0}
.searchBar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px}
.searchBar-m .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;}
/* 弹出搜索 end */


@media (max-width: 1366px) {
    #pc-header .nav li a{padding:0 10px;font-size:16px;}
}