.box-filter {
  margin-bottom:15px;
  background-color:#5ea8ff47;
  padding:10px;
  display:flex;
  align-items:center;
  gap:5px;
  justify-content:space-between
}
.filter-item__all {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:14px;
  width:80px;
  min-width:100px;
  background-color:#fff;
  border:1px solid #e0e0e0;
  border-radius:4px;
  padding:5px 10px
}
.box-filter .filter-item {
  width:100%;
  margin:0
}
.filter-item__title {
  min-width:100px;
  background-color:#fff;
  border:1px solid #e0e0e0;
  border-radius:4px;
  cursor:pointer;
  padding:8px 10px
}
.box-filter-row {
  display:flex;
  align-items:center;
  font-size:14px;
  gap:5px;
  width:100%
}
.filter-item__title i {
  padding-right:10px
}
.filter-item, .filter-total {
  display:inline-block;
  font-size:14px;
  line-height:17px;
  margin-right:8px;
  position:relative
}
.c-btnbox {
  align-items:center;
  border:1px solid #e0e0e0;
  border-radius:4px;
  color:#333;
  display:flex;
  font-size:14px;
  justify-content:center;
  padding:8px 9px
}
.filter-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-start
}
.filter-show {
  display:none;
  background-color:#fff;
  box-shadow:0 2px 20px rgb(0 0 0 / 50%);
  border-radius:4px;
  left:0;
  position:absolute;
  padding:10px;
  top:45px;
  width:max-content;
  white-space:normal;
  z-index:9999
}
.filter-show.open-left {
  left:auto;
  right:0
}
.c-btnbox img {
  height:auto;
  width:80px
}
.c-btnbox  a {
  display:flex;
  flex-direction:column;
  align-items:center;
  align-content:center;
  justify-content:center
}
.filter-item__title span::before {
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #333;
  content:'';
  height:0;
  position:absolute;
  top:15px;
  right:10px;
  width:0
}
.filter-item__title span {
  padding-right:20px
}
.filter-item.active .filter-item__title {
  border:1px solid #4a90e2
}
.filter-item.active .filter-show {
  display:block
}
.att-image1 {display:none}
@media only screen and (max-width: 48em) {
  .box-filter-row {
    flex-wrap:wrap;
    justify-content:space-between
  }
  .filter-item__all {
    width:100%;
    margin-bottom:6px
  }
  .box-filter .filter-item {
    flex-basis:calc(50% - 3px);
    max-width:calc(50% - 3px)
  }
  .box-filter {
    display:block !important
  }
  .filter-item, .filter-total {
    display:inline-block !important;
    width:47% !important
  }
  .c-btnbox img {width:40px}
}