﻿@charset "UTF-8";
/*!
	菜单样式 default
	liuyouji
	2019-03-28
*/
/*!
	菜单样式模板
	liuyouji
	2019-03-28
	2019-03-30 改 table 容器为 ul 容器的嵌套
	2019-04-01 增加二级菜单多行分栏显示
	2023-07-26 增加:has(div) 可不用.submenu
*/
/*!
	设置主色调
*/
.l-menu-bookmark {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-family: 宋体, 仿宋_GB2312;
  cursor: pointer;
}
.l-menu-bookmark hr {
  height: 1px;
  background-color: #eee;
  margin: 5px 10px 5px 26px;
  border: none;
}
.l-menu-bookmark > ul {
  padding: 0px 10px;
  /*height: $m_height; */
  background-color: #eee;
  margin: 0px 0px;
}
.l-menu-bookmark > ul::after {
  clear: both;
}
.l-menu-bookmark > ul > .buoy {
  display: block;
  background-color: #eee;
  background-color: #fbfbfb;
  position: absolute;
  height: 30px;
  width: 1px;
  border-radius: 15px;
  box-sizing: border-box;
  box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 3px inset;
  opacity: 0.7;
}
.l-menu-bookmark > ul > .buoy > img {
  height: 100%;
  width: 100%;
}
.l-menu-bookmark > ul > li {
  margin: 5px 0;
  list-style: none;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.l-menu-bookmark > ul > li > a {
  display: block;
  text-decoration: none;
  background-color: transparent;
  white-space: nowrap;
  font-weight: bold;
  padding: 0px 14px;
  line-height: 30px;
  color: #222;
  background-position: right center;
  background-repeat: no-repeat;
}
.l-menu-bookmark > ul > li:hover {
  z-index: 4;
}
.l-menu-bookmark > ul > li:hover > a {
  color: #000;
}
.l-menu-bookmark > ul > li.submenu > a, .l-menu-bookmark > ul > li:has(div) > a {
  background-image: url(images/submenu-tagtop.gif);
}
.l-menu-bookmark > ul > li.submenu:hover > a, .l-menu-bookmark > ul > li:has(div):hover > a {
  background-image: url(images/submenu-tagtop-hover.gif);
}
.l-menu-bookmark > ul > li div {
  box-sizing: content-box;
  display: block;
  visibility: hidden;
  z-index: 1000;
  position: absolute;
  height: auto;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  border-color: #777;
  background-color: #f7f7f7;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.4) 15px 15px 10px;
}
.l-menu-bookmark > ul > li div div {
  left: 100%;
  top: 27px;
  z-index: 1002;
  position: absolute;
  height: auto;
}
.l-menu-bookmark > ul > li div table {
  border: none;
}
.l-menu-bookmark > ul > li div td {
  margin: 0px;
  padding: 0 2px;
  vertical-align: top;
  border-right: dashed 1px #777;
}
.l-menu-bookmark > ul > li div td:first-child {
  padding-left: 0;
}
.l-menu-bookmark > ul > li div td:last-child {
  padding-right: 0;
  border-right: none;
}
.l-menu-bookmark > ul > li div ul {
  margin: 0;
  padding: 0;
}
.l-menu-bookmark > ul > li div ul > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.l-menu-bookmark > ul > li div ul > li > a {
  display: block;
  text-decoration: none;
  background-color: transparent;
  white-space: nowrap;
  font-weight: normal;
  padding: 1px 21px 1px 26px;
  border: solid 1px #f7f7f7;
  line-height: 24px;
  color: #555;
  background-position: right center;
  background-repeat: no-repeat;
}
.l-menu-bookmark > ul > li div ul > li:hover > a {
  color: #222;
  background-color: #eee;
}
.l-menu-bookmark > ul > li div ul > li.submenu > a, .l-menu-bookmark > ul > li div ul > li:has(div) > a {
  background-image: url(images/submenu-tag.gif);
}
.l-menu-bookmark > ul > li div ul > li.submenu:hover > a, .l-menu-bookmark > ul > li div ul > li:has(div):hover > a {
  background-image: url(images/submenu-tag-hover.gif);
}
