/* 每个子库中可以使用的公共样式 */
[dir] .dark-layout .b-overlay {
  opacity: 0.2;
}
/* 处理横向导航列之间的边距 */
.productList_box {
  min-width: 840px;
}
.productList_box .v-avatar span, .productList_box .b-avatar-custom span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.productList_box .v-col>div:nth-child(2), .productList_box .col>div:nth-child(2) {
  width: calc(20% - 20px)!important;
  margin-left: -10px;
}
.productList_box .v-col>div:nth-child(3), .productList_box .col>div:nth-child(3) {
  margin-right: 50px;
}
/* 补充遗漏的主题色变更后，深色模式中的一些样式 */
html .dark-layout .dropdown-menu .dropdown-item:hover, html .dark-layout .dropdown-menu .dropdown-item:focus{
  color: #7367f0!important;
  background: rgba(115, 103, 240, 0.12);
}
html .dark-layout .navbar-nav .cover.hover svg, html .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg.feather.feather-star:hover, html .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg.feather.feather-sun:hover, html .dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg.feather.feather-bell:hover, html .dark-layout .dropdown-menu .dropdown-item:hover svg {
  color: #7367f0!important;
}
html .dark-layout .search-Wrap {
  background: #283046;
}
html .dark-layout .search-Wrap img {
  filter: invert(100%);
}
html .dark-layout .search-Wrap .content .type {
  color: #d0d2d6;
}
html .dark-layout .search-Wrap .content:hover {
  background: #3b4253;
}
html .dark-layout .content .name {
  color: #7367f0;
}
html .dark-layout .content .name b {
  color: #7367f0;
}
html .dark-layout .content .company, html .dark-layout .content .A_stk, html .dark-layout .content .H_stk, html .dark-layout .content .bse_stk {
  color: #7367f0;
}
html .dark-layout .content .cm {
  background: none;
  color: #7367f0;
}
html .dark-layout .content .type {
  color: #7367f0;
}
html .dark-layout .search-Wrap {
  background: #283046;
}
html .dark-layout .search-Wrap img {
  filter: invert(100%);
}
html .dark-layout .search-Wrap .content .type {
  color: #d0d2d6;
}
html .dark-layout .search-Wrap .content:hover {
  background: #3b4253;
}
html .dark-layout .content .name {
  color: #7367f0;
}
html .dark-layout .content .name b {
  color: #7367f0;
}
html .dark-layout .content .company, html .dark-layout .content .A_stk, html .dark-layout .content .H_stk, html .dark-layout .content .bse_stk {
  color: #7367f0;
}
html .dark-layout .content .cm {
  color: #7367f0;
}
html .dark-layout .content .code, html .dark-layout .content .type {
  color: #7367f0;
}
/* 修改modal样式 */
[dir] .modal .modal-header, [dir] .dark-layout .modal .modal-header, [dir] .dark-layout .modal .modal-header[class*=bg-] {
  background-color: transparent!important;
  padding: 20px 24px 0;
}
[dir] .modal .modal-header .close, 
[dir] .dark-layout .modal .modal-header .close, 
[dir] .dark-layout .modal .modal-header[class*=bg-] .close {
  font-size: 20px;
  color: rgba(47, 43, 61, 0.42);
  padding: 6px !important;
  transform: translate(16px, -16px) !important;
  font-weight: 300;
}

[dir] .dark-layout .modal .modal-dialog .modal-header .close, 
[dir] .dark-layout .modal .modal-dialog .modal-header[class*=bg-] .close {
  color: rgba(208, 212, 241, 0.78) !important;
  box-shadow: 0 2px 6px rgba(15, 20, 34, 0.14), 0 0 transparent, 0 0 transparent !important;
}
[dir] .modal .modal-header .close:hover, 
[dir] .dark-layout .modal .modal-header .close:hover, 
[dir] .dark-layout .modal .modal-header[class*=bg-] .close:hover {
  transform: translate(13px, -13px)!important;
}
[dir] .modal .modal-header .modal-title, 
[dir] .dark-layout .modal .modal-header .modal-title, 
[dir] .dark-layout .modal .modal-header[class*=bg-] .modal-title {
  font-size: 18px;
  font-weight: 500;
}
[dir] .modal .modal-body {
  padding: 20px 24px 20px;
  font-size: 15px;
}
[dir] .modal .modal-body p {
  margin-left: 0!important;
  margin-right: 0!important;
}
[dir] .modal .modal-footer {
  border: 0;
  padding: 20px 24px 20px;
  padding-block-start: 0!important;
}
[dir] .dark-layout .modal .modal-header .modal-title, 
[dir] .dark-layout .modal .modal-header[class*=bg-] .modal-title {
  color: rgba(208, 212, 241, 0.78) !important;
}
[dir] .dark-layout .modal .modal-body p {
  color: rgba(208, 212, 241, 0.78) !important;
}
[dir] body {
  font-family: "Noto Sans SC";
}
/* 修改vue2版本的价签右对齐 */
.vertical-layout.vertical-menu-modern .main-menu.menu-fixed .navigation li.nav-item:not(.has-sub) a {
  justify-content: space-between;
  padding-right: 0;
}
.vertical-layout.vertical-menu-modern .main-menu.menu-fixed .navigation li.nav-item:not(.has-sub) a .resetPosition,
.vertical-layout.vertical-menu-modern .main-menu.menu-fixed .navigation li.nav-item:not(.has-sub) a > span {
  margin: 0!important;
}
/* 修改vue3版本的价签右对齐 */
.layout-nav-type-vertical .layout-vertical-nav .nav-link > :first-child, .layout-nav-type-vertical .layout-vertical-nav .nav-group > :first-child {
  padding-inline-end: 0!important;
}
/* 修改导航菜单的模块title，改的明显一些 */
/* vuetify版本 */
html .layout-nav-type-vertical .layout-vertical-nav .nav-section-title {
  font-size: 0.88rem;
  color: rgba(var(--v-theme-on-surface, 0.51));
}
/* bootstrap-vue版本 */
html .main-menu.menu-light .navigation .navigation-header {
  opacity: 1;
  margin-bottom: 6px !important;
  margin-left: 25px !important;
  padding: 0px 12px;
}
html .main-menu.menu-light .navigation .navigation-header span {
  font-size: 1.005rem;
  color: #2f2b3d;
}
html .dark-layout .main-menu-content .navigation-main .navigation-header span {
  color: rgba(208,212,241,0.78);
}