@charset "UTF-8";
/*盒子布局*/
/*单行省略*/
/*多行省略*/
/**
* 将px转换为rem（以2560px的屏幕为基准）
*/
.pro-list-page-box .section-1 .custom-pro-nav .btn-list {
  width: 1.95312rem;
}

.pro-list-page-box .section-2 {
  padding: 0.3125rem 0 0.70312rem 0;
}

.pro-list-page-box .section-2 .filter-box {
  font-size: 0.0625rem;
}

.pro-list-page-box .section-2 .filter-box .icon-up-arrow {
  transition: all 0.3s ease-in-out;
}

.pro-list-page-box .section-2 .filter-box .expand-btn {
  width: 0.50781rem;
  padding: 0.03516rem 0.05859rem;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  cursor: pointer;
}

.pro-list-page-box .section-2 .filter-box .expand-btn.open .icon-up-arrow {
  transform: rotate(180deg);
}

.pro-list-page-box .section-2 .filter-box .filter-container {
  display: none;
  margin-top: 0.0625rem;
}

.pro-list-page-box .section-2 .filter-box .filter-container.open {
  display: block;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list {
  gap: 0.0625rem;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item {
  min-width: 1.05469rem;
  border-top: 1px solid #e0e0e0;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .item-tit {
  padding: 0.04688rem;
  cursor: pointer;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .item-tit .item-value {
  flex: 1;
  color: #000000;
  font-weight: 500;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .item-tit i {
  font-size: 0.05469rem;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item.open .item-tit .icon-up-arrow {
  transform: rotate(180deg);
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item.open .dropdown-box {
  display: block;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box {
  display: none;
  color: #999999;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box .dropdown-item {
  padding: 0.02344rem 0.04688rem;
  position: relative;
  cursor: pointer;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box .dropdown-item:hover {
  background-color: #f8f8f8;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box .dropdown-item::after {
  content: '\e660';
  color: #eeeeee;
  font-family: 'iconfont';
  font-size: 0.0625rem;
  position: absolute;
  right: 0.04688rem;
  top: 50%;
  transform: translateY(-50%);
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box .dropdown-item.active {
  color: #14c3ff;
}

.pro-list-page-box .section-2 .filter-box .filter-container .param-list .param-item .dropdown-box .dropdown-item.active::after {
  content: '\e71e';
  color: #14c3ff;
}

.pro-list-page-box .section-2 .pro-list-box {
  margin-top: 0.1875rem;
}

.pro-list-page-box .section-2 .pro-list-box .list-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.04688rem;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item {
  height: 2.65625rem;
  background-color: #fafafa;
  border-radius: 8px 8px 8px 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .img-box {
  padding: 0.57422rem 0.38281rem 0;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .img-box img {
  display: block;
  width: 100%;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 0 0.14062rem;
  box-sizing: border-box;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info .info-tit {
  font-size: 0.09766rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info .info-desc {
  font-size: 0.07031rem;
  color: #999999;
  margin-top: 0.03125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box {
  display: none;
  position: absolute;
  top: 0.15625rem;
  right: 0.15625rem;
  z-index: 10;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box a {
  display: block;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box .more-btn {
  font-size: 0.05469rem;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box .more-btn:not(:first-child) {
  margin-top: 0.04688rem;
}

.pro-list-page-box .section-2 .pro-list-box .list-box .list-item:hover .btn-box {
  display: block;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .pro-list-page-box .section-2 {
    padding: 0 0 1.28205rem 0;
  }
  .pro-list-page-box .section-2 .pro-list-box {
    margin-top: 0.61538rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.10256rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item {
    height: 7.17949rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .img-box {
    padding: 1.53846rem 0.44872rem 0;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info {
    padding: 0 0.20513rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info .info-tit {
    font-size: 0.30769rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .pro-info .info-desc {
    font-size: 0.17949rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box {
    display: block;
    top: 0.23077rem;
    right: 0.20513rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box .more-btn {
    font-size: 0.17949rem;
    padding: 0.12821rem 0.30769rem;
  }
  .pro-list-page-box .section-2 .pro-list-box .list-box .list-item .btn-box .more-btn:not(:first-child) {
    margin-top: 0.10256rem;
  }
  .pro-list-page-box .section-2 .m-filter-box .custom-m-pro-nav {
    margin: 0.25641rem 0 1.15385rem 0;
  }
  .pro-list-page-box .section-2 .m-filter-box .filter-container .filter-value {
    font-size: 0.51282rem;
    font-weight: bold;
  }
  .pro-list-page-box .section-2 .m-filter-box .filter-container .custom-filter-expand-box .expand-btn {
    width: 2.4359rem;
    height: 0.71795rem;
  }
  .pro-list-page-box .section-2 .m-filter-box .filter-container .custom-filter-expand-box .dropdown-box {
    width: calc(100vw - 8vw);
    left: auto;
    right: 0;
  }
}