/******** radius *******/
/******** 间隙 *******/
/******** fontSize *******/
/******** 组件尺寸 *******/
/******** z-index *******/
/******** borderSize *******/
/******** borderStyle *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontWeight ********/
/******** Animation *******/
/******** color *******/
/******** diff *******/
/******** icon hover *******/
/******** media *******/
.pd-NavMenu {
  background-color: var(--color-bg-2);
}
.pd-NavMenu li {
  list-style: none;
}
.pd-NavMenu .rc-menu {
  border: none;
  box-shadow: none;
}
.pd-NavMenu .rc-menu-vertical,
.pd-NavMenu .rc-menu-vertical-left,
.pd-NavMenu .rc-menu-vertical-right,
.pd-NavMenu .rc-menu-inline {
  padding: 0px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-arrow-icon {
  display: flex;
  position: absolute;
  right: 16px;
  transform: rotate(0deg);
  transition: 0.5s;
  transform-origin: center;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-open > .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  position: absolute;
  right: 16px;
  transform: rotate(-180deg);
  transition: 0.5s;
  transform-origin: center;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-group .rc-menu-item-group-title {
  padding: 5px 16px 5px 0px;
  border-bottom: none;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-group .rc-menu-item-group-list .rc-menu-item {
  padding-left: 24px !important;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item {
  padding: 5px 16px 5px 0px;
  display: flex;
  align-items: center;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item.rc-menu-item-trigger {
  padding: 0;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item .rc-meunitem-trigger {
  padding: 5px 16px 5px 0px;
  display: flex;
  align-items: center;
  width: 100%;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item .rc-meunitem-icon {
  display: flex;
  margin-right: 10px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item .rc-menuitem-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu .rc-menu-sub .rc-menu-item {
  padding: 5px 16px 5px 0px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu .rc-menu-submenu-title {
  display: flex;
  align-items: center;
  padding: 5px 16px 5px 0px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu .rc-menu-submenu-title .rc-menusubmenu-icon {
  display: flex;
  margin-right: 10px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu .rc-menu-submenu-title .rc-menusubmenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu .rc-menu-submenu-title .rc-menu-submenu-arrow {
  display: none;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu:hover {
  color: var(--primary-color);
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-open .rc-menu-submenu-title .rc-menu-submenu-arrow {
  display: none;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-horizontal .rc-menu-item {
  display: inline-flex;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-horizontal .rc-menu-submenu-arrow-icon {
  display: flex;
  position: absolute;
  right: 4px !important;
  transform: rotate(0deg);
  transition: 0.3s;
  transform-origin: center;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-active {
  cursor: pointer;
  background-color: transparent;
  color: var(--primary-color);
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-active .rc-menu-submenu-title,
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-active .rc-menu-submenu-title {
  background-color: transparent;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-active .rc-menu-submenu-title:hover,
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-active .rc-menu-submenu-title:hover {
  cursor: pointer;
  background-color: transparent;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-disabled {
  cursor: not-allowed;
}
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-selected {
  background-color: transparent;
  color: var(--primary-color);
  border-radius: 5px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item-selected {
  color: var(--primary-color);
  background-color: var(--primary-1);
  border-radius: 5px;
}
.pd-NavMenu .rc-menu-inline .rc-menu-item.rc-menu-item-disabled,
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-title.rc-menu-item-disabled,
.pd-NavMenu .rc-menu-inline .rc-menu-item.rc-menu-submenu-disabled,
.pd-NavMenu .rc-menu-inline .rc-menu-submenu-title.rc-menu-submenu-disabled {
  color: var(--color-text-3) !important;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-vertical .rc-menu-submenu-title {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding: 5px 16px 5px 24px;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-vertical .rc-menu-submenu-title .rc-menusubmenu-icon {
  display: flex;
  margin-right: 10px;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-vertical .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  position: absolute;
  right: 16px;
  transform: rotate(0deg);
  transition: 0.3s;
  transform-origin: center;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-vertical .rc-menu-submenu-title .rc-menu-submenu-arrow {
  display: none;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-vertical:hover {
  cursor: pointer;
  color: var(--primary-color);
}
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-open .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  transform: rotate(-90deg);
  transition: 0.3s;
  transform-origin: center;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-item {
  background-color: transparent;
  padding: 5px 16px 5px 24px;
  display: flex;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-item .rc-meunitem-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.pd-NavMenu .rc-menu-vertical .rc-menu-item:hover {
  cursor: pointer;
  color: var(--primary-color);
}
.pd-NavMenu .rc-menu-vertical .rc-menu-item-selected,
.pd-NavMenu .rc-menu-vertical .rc-menu-submenu-selected {
  color: var(--primary-color);
  background-color: var(--primary-1);
  border-radius: 5px;
}
.pd-NavMenu .rc-menu-horizontal {
  background-color: var(--color-fill-2);
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-item {
  border: none;
  display: inline-flex;
  align-items: center;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-item .rc-meunitem-icon {
  display: inline-flex;
  margin-right: 5px;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu {
  border: none;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu .rc-menu-submenu-title {
  display: inline-flex;
  align-items: center;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu .rc-menu-submenu-title .rc-menusubmenu-icon {
  display: inline-flex;
  margin-right: 5px;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-active {
  border: none;
  color: var(--primary-color);
  cursor: pointer;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-active .rc-menu-submenu-title {
  background-color: transparent;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-open {
  color: var(--primary-color);
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-selected,
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-selected {
  color: var(--primary-color);
  position: relative;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-selected .rc-menuitem-title,
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-selected .rc-menuitem-title {
  background-color: transparent;
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-selected::before,
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-selected::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--primary-color);
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-selected.rc-menu-item-active,
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-selected.rc-menu-item-active {
  background-color: var(--primary-1);
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-submenu-selected.rc-menu-submenu-active,
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-selected.rc-menu-submenu-active {
  background-color: var(--primary-1);
}
.pd-NavMenu .rc-menu-horizontal .rc-menu-item-active {
  border: none;
  color: var(--primary-color);
  cursor: pointer;
}
.pd-NavMenu .rc-menu-item-selected,
.pd-NavMenu .rc-menu-submenu-selected {
  background-color: var(--primary-1);
}
.rc-menu-submenu-popup li {
  list-style: none;
}
.rc-menu-submenu-popup .rc-menu-item-group {
  padding-left: 24px !important;
}
.rc-menu-submenu-popup .rc-menu-item-group .rc-menu-item-group-title {
  padding-left: 0;
  border-bottom: none;
}
.rc-menu-submenu-popup .rc-menu-item-group .rc-menu-item-group-list .rc-menu-item {
  padding-left: 24px !important;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item-group .rc-menu-item-group-title {
  padding-top: 0px;
  padding-bottom: 0px;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-title {
  display: flex;
  align-items: center;
  background-color: transparent;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-title .rc-menusubmenu-icon {
  display: flex;
  margin-right: 10px;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  position: absolute;
  right: 16px;
  transform: rotate(0deg);
  transition: 0.3s;
  transform-origin: center;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-title .rc-menu-submenu-arrow {
  display: none;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-title:hover {
  cursor: pointer;
  color: var(--primary-color);
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-submenu-open .rc-menu-submenu-title .rc-menu-submenu-arrow-icon {
  display: flex;
  transform: rotate(-90deg);
  transition: 0.3s;
  transform-origin: center;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item {
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 5px 16px 5px 24px;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item .rc-meunitem-icon {
  display: flex;
  margin-right: 5px;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item:hover {
  cursor: pointer;
  color: var(--primary-color);
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item-selected {
  background-color: transparent;
  color: var(--primary-color);
  background-color: var(--primary-1);
  border-radius: 5px;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item-disabled {
  color: var(--color-text-3) !important;
}
.rc-menu-submenu-popup .rc-menu-vertical .rc-menu-item-disabled:hover {
  cursor: not-allowed;
}
.rc-menu-submenu-popup .rc-menu-submenu-vertical .rc-menu-submenu-title {
  padding: 5px 16px 5px 24px !important;
}
.rc-menu-submenu-popup .rc-menu-submenu-selected {
  background-color: transparent;
  color: var(--primary-color);
  background-color: var(--primary-1);
  border-radius: 5px;
}
.rc-menu-submenu-popup .rc-menu-item-disabled {
  color: var(--color-text-3) !important;
}
.rc-menu-submenu-popup .rc-menu-item-disabled:hover {
  cursor: not-allowed;
}
.rc-menu {
  color: var(--color-text-1);
}