.bg-select-model{ background: url(../images/bg-select.png); padding: 12px 0;  width: 100%;}
.select-model{ padding: 12px; text-align: center;}
.select-model p{ font-weight: bold; color: #333333; margin:4px auto 8px; font-size: 14px;}
.select-model ul li{ width: 10%; display: inline-block; margin: 3px auto; background: #fff; padding: 8px; border-radius: 18px;}
.select-model ul li a{ color: #666666; display: block; width: 100%;}
.select-model ul li:hover, .select-model ul li:active{ background: #5ebafd;}
.select-model ul li:hover a, .select-model ul li:active a{color: #fff;}

.search-box{ margin:0 10px;}
.search-box .title-search{ padding: 4px; text-align: left; margin: 10px 0; font-weight: bold; color: #000;}
.search-box .title-search i{ font-size: 18px; color: #343998;}
.search-box .model-list { width: 100%; padding: 8px 0; border-radius: 12px; background: #e4f4fe;}
.search-box .model-list ul{ font-size: 0; padding: 0 1%;}
.search-box .model-list ul li{ width: 18%; display: inline-block; margin: 0 1%; font-size: 12px; vertical-align: top;}
.search-box .model-list ul li img{ border-radius: 8px; background: #fff; padding: 8px; width: 100%;}
.search-box .model-list ul li a{ display: block; width: 100%; padding: 8px 0; color: #666666; font-weight: bold;}
.search-box .model-list ul li a:hover{ color: #abdfff;}
.search-box .model-list ul li a p{ margin: 8px auto; text-align: center;}

@media ( max-width:768px){
  .select-model ul li{ width: 20%;}

  .search-box .model-list ul li{ width: 31.33%;}
}

@media ( max-width:420px){
  .search-box .model-list ul li{ width: 48%;}
}