/*
min-width: 1460px
1px = 0.0625rem   10px = 0.625rem   12px = 0.75rem    14px = 0.875rem   16px = 1rem（基本）
18px = 1.125rem   20px = 1.25rem    24px = 1.5rem   30px = 1.875rem   32px = 2rem
 */

:root,
[data-bs-theme=light] { --bs-body-font-size: .875rem; }
.btn { --bs-btn-font-size: 0.875rem; }
.dropdown-menu { --bs-dropdown-font-size: .875rem; }
.pagination { --bs-pagination-font-size: .875rem; }
.popover { --bs-popover-header-font-size: .875rem; }
.form-control, .form-select, .input-group-text, .accordion-button { font-size: .875rem; }

/* 容器 */
.container { max-width: 1460px; padding: 0; }
li { list-style: none; }

/* 顶部右侧导航 */
.navbar-brand { padding-left: .75rem; }
.navbar-expand-lg .navbar-nav .nav-link { white-space: nowrap; color: var(--bs-white); padding: .5rem .75rem; }
.navbar-expand-lg .navbar-nav .nav-link svg { margin: -.12rem .12rem 0 0; }

/* 搜索框 */
.search { padding: 0 3.5rem 0 2rem; }
.search .form-select { width: 7rem; flex: 0 1 auto; }

/* 主导航 */
.nav-scroller { height: 2.65rem; background-color: #232f3e; overflow-y: hidden; }
.nav-scroller .nav { flex-wrap: nowrap; white-space: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; }
.nav-scroller .nav-link { padding-top: .75rem; color: var(--bs-white); }

.nav-all { position: relative; padding-left: 2.6rem; }
.nav-all span{ width: 1.12rem; top: 1.3rem; left: 1rem; }
.nav-all span,
.nav-all span::before,
.nav-all span::after { display: block; position: absolute; height: .12rem; background: #fff; }
.nav-all span::before,
.nav-all span::after { content: ''; width: 100%; }
.nav-all span::before { top: -.37rem; }
.nav-all span::after { bottom: -.37rem; }

/* 面包屑 */
.filters { margin-top: 0.62rem; }
.filters .breadcrumb { padding-top: 2px; line-height: 40px; border-bottom: 1px solid #e1e1e1; margin-bottom: calc(var(--bs-gutter-x)*.5); }
.filters .breadcrumb a { color: #595959; text-decoration: none; }
.filters .sift-price { float: left; padding-right: 10px; width: 300px; }
.filters .toolbar { float: left; width: 380px; }
.filters .toolbar .input-dropdown { float: left; padding-right: 10px; }
.filters .toolbar .dropdown { float: left; padding-right: 10px; }
.filters .found { float: right; padding-right: 10px; line-height: 35px; color: #999; }
.filters .cl { clear: both; height: var(--bs-gutter-x); }

/* 筛选: 弹出框 */
.popover { width: 28.75rem; max-width: 28.75rem; }
.popover .popover-body { padding: 0; }
.popover .pop-content { height: 21.25rem; overflow-x: hidden; overflow-y:scroll; }
.popover .pop-content ul { padding: 1.25rem; }
.popover .pop-content ul li { float: left; width: 50%; line-height: 1.56rem; }
.popover .pop-content ul li label { font-weight: normal; }
.popover .pop-btn { width: 100%; padding: .62rem; text-align: right; }
.popover .pop-btn .btn-primary { margin-left: .31rem; }

/* 产品列表展示 */
.list1 {}
.list1 .card { margin-bottom: var(--bs-gutter-x); border-color: #e1e1e1; }
.list1 .card .card-img { padding: 10px; }
.list1 .card-text { height: 40px; overflow: hidden; }

/* 分页 */
.pagination { padding: 10px 0 30px 0; }

/* 底部 */
.footer { background-color: #232f3e; color: #fff; }
.footer .totop { display: block; background-color: #37475a; line-height: 3rem; text-align: center; color: #fff; }
.footer .totop:hover { background-color: #485769; }

.footer .container { padding-top: 40px; }
.footer .container form p { color: #ddd; }

.footer .nav-link { padding-left: 0; color: #ddd; }
.footer .ico { padding-top: 20px; }
.footer .ico a { color: #ddd; margin-right: 10px; }

.footer .logo { padding: 20px 0; text-align: center; border-top: 1px solid #3a4553; }
.footer .logo img { height: 40px; }
.footer .logo .btn { margin-left: 10px; }
.footer .copy { line-height: 50px; background-color: #131a22; text-align: center; }

/* 手机端 */
@media (max-width: 991.98px) {
  .container { padding: 0 10px; }
  .list1 { padding: 0 5px; }
  .list1 .row > * { padding-right: calc(var(--bs-gutter-x) * 0.25); padding-left: calc(var(--bs-gutter-x) * 0.25); }

  /* 顶部导航 */
  .navbar-expand-lg { padding-top: 45px; }
  .navbar-brand { position: absolute; top: 0; left: 0px; }
  .navbar-brand img { height: 35px; }

  .search { padding: 0; }

  .navbar-expand-lg .navbar-nav { display: inline; position: absolute; top: 5px; right: 0; }
  .navbar-expand-lg .navbar-nav .nav-item { float:left; }

  .nav-scroller .nav-link { padding-right: .3rem; }
  .nav-all { padding-left: 1.8rem; }
  .nav-all span{ left: .2rem; }
}

@media (max-width: 900px) {
  .filters .sift-price { padding-bottom: calc(var(--bs-gutter-x)*.5); }
  .filters .found { float: inherit; clear: both; line-height: normal; }
}

@media (max-width: 767px) {

  /* 顶部导航 */
  .navbar-expand-lg .navbar-nav .orders,
  .navbar-expand-lg .navbar-nav .cart { display: none; }

  .filters .toolbar { padding-bottom: calc(var(--bs-gutter-x)*.5); }
  .popover { width: 100%; }
}