.bg-white{ background: #fff; padding: 18px; margin: 32px auto 0;}
.bg-white .title-search{ color: #0279ff; font-size: 18px; border: 3px solid #0279ff; padding: 8px; font-weight: bold;}

.main-search { width: 100%; padding: 8px 0;}
.main-search ul{ font-size: 0; padding: 0 1%; display: flex; flex-wrap: wrap;}
.main-search ul li{ width: 18%; display: inline-block; margin: 4px 1%; font-size: 12px; background: #fff; border-radius: 4px;}
.main-search ul li a{ display: block; width: 100%; padding: 16px 8px; text-align: center; font-weight: bold; color: #000;}
.main-search ul li a img{ max-width:100%;}
.main-search ul li:hover{ background: #e4f9ff;}

.main-search.type ul li{ width: 23%; }
.main-search.type ul li a span{ display: inline-block; width: 50%; text-align: left;}
.main-search.type ul li a img{ width: 50%;}
.main-search.type ul li:hover a span{ color: #0078ff;}

.main-search.price ul li a{ text-align: left; padding: 16px 4px;}
.main-search.price ul li a i{ color: #fcc400; font-size: 19px; margin-right: 2px;}



@media(max-width:768px){
  .main-search ul li{ width:23%;}
  .main-search.type ul li{ width: 31%; }
}

@media(max-width:580px){
  .main-search ul li{ width:31%;}
  .main-search.type ul li{ width: 48%; }
  .main-search.price ul li a{ padding: 16px 0;}
  .main-search.price ul li a i{ margin-right: 0;}
}

@media(max-width:420px){
  .main-search ul li{ width:48%;}
  .main-search.type ul li{ width: 80%; margin: auto;}
  .main-search.price ul li a{ padding: 16px 8px;}
}