.search-box{background-color: #fff; padding: 0.625rem;display: flex;position: relative;align-items: center;}
.search-box .icon{position: absolute;z-index: 1;left: 1.2rem;color: #FB1F17;}
.search-box input{flex: 1; border-radius: 1.25rem; border: 1px solid #af8300;height: 2rem;text-indent: 2em;font:inherit;font-size: 0.875rem;}
.search-top{background-color: #fff;padding: 0.625rem;}
.search-top .title{display: flex;}
.search-top .title li{position: relative;}
.search-top .title li.on a{color: #FB1F17;}
.search-top .title li+li{margin-left: 0.625rem;}
.search-top .title a{display: block;font-weight: 700; padding:.5em 1.2em;}
.search-top .title + h3{ padding: 0.625rem;display: block;font-size: 14px;}
.hotsearch{display: flex;padding: 0.3125rem;}
.hotsearch li{ margin: 0.3125rem;}
.hotsearch a{padding: 0.3125rem;font-size: 0.75rem;border: 1px solid rgba(0,0,0,.1);border-radius: 1.25rem;color: #999;}
.list-products-box .title{ margin:1.25rem auto;width: 40%; max-width: 12.5rem;}


.filter-box.on{position: fixed;top: 2.6rem;left: 0;right: 0;z-index: 1001;}

.filter-box{position: relative;background-color: #fff;}
.filter-box .item-hd{display: flex;padding: 0.625rem;font-size: 0.75rem;}
.filter-box .item-hd i{display: inline-block;}
.filter-box .item-hd li+li{margin-left: 0.625rem;}
.filter-box .item-hd li{flex: 1;text-align: center;background-color: #f2f2f2;color: #999;height: 1.75rem;line-height: 1.75rem;cursor: pointer;}
.filter-box .item-bd ul{display: flex;flex-flow: row wrap;padding: 0.3125rem;}
.filter-box .item-bd li{width: 50%;padding: 0.3125rem;font-size: 0.8125rem;color: #555;overflow: hidden;}
.filter-box .item-bd a{display: block;line-height: 1.5rem;white-space: nowrap;text-overflow: ellipsis;}
.filter-box .item-bd li.on a{color: #af8300;}
.filter-box .item-bd ul{display: none;}
.filter-box .item-bd ul.on{display: flex;}
.filter-box .item-hd li.on{color: #af8300;}
.filter-box .item-hd li.on i{transform: scale(-1);}


.body-goods .search-top{padding: 0;}
.body-goods .search-top .search-box{background-color: #af8300;}
.body-goods .filterbar{display: flex;align-items: center;justify-content: space-around; padding: .625rem;font-size: 0.8em;color: #666;}