.search-form { background-color: #fff; border-bottom: 1px solid #eee; z-index: 1000;}
.search-btn { margin-top: 7px; width: 100%; height: 30px; background-color: #e3e3e3; border-radius: 5px; position: relative; padding-left: 30px; line-height: 30px; color: #666; display: block;}
.search-btn .search-icon { width: 20px; height: 20px; display: block; position: absolute; left: 5px; top: 5px; background: url("../images/category/search.png") center center no-repeat; background-size: cover;}
.mui-search .mui-placeholder { font-size: 14px;}

.mui-popover .mui-bar-nav { border-radius: 0; border-bottom: none;}
.search-wrap { position: absolute; left: 44px; right: 10px;}
.search-title { font-size: 14px; padding-left: 30px; line-height: 40px; background: #fff url("../images/category/souso.png") 10px center no-repeat; background-size: 18px 18px; color: #333;}
.search-keyword { padding: 0 12px;}
.search-keyword li { float: left; margin: 0 10px 10px 0;}
.search-keyword li a { padding: 0 10px; line-height: 30px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; color: #666;}

.search-form~.filter-wrap~.mui-content { padding-top: 88px; padding-bottom: 50px;}

.goods-list { margin-left: -2px; margin-right: -2px;}
.goods-list li { padding: 2px;}
.goods-list li .goods-item { background-color: #fff;}
.goods-list li .pic-before{    width: 100%; position: relative; overflow: hidden;}
.goods-list li .pic-box { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; background-color: #f9f9f9;    background-size: cover; background-repeat: no-repeat; background-position: center center;}
.goods-list li .pic-box.blur{   -webkit-filter : blur(4px); filter : blur(4px)} 
.goods-list li .pic-before:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;background-color: rgba(0,0,0,0.5);}
.goods-list li .pic-before:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;background-image: url("../images/goods/lock.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px;}


.goods-list li .pic-box .pic-cont { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.goods-list li .goods-title { font-size: 12px; color: #333; line-height: 16px; padding: 5px; height: 30px;}
.goods-list li .goods-info { padding: 0 5px 5px 5px; height: 30px;}
.goods-list li .goods-price { font-size: 12px; color: #f04e45;}
.goods-list li .goods-price span { font-size: 16px;}
.goods-list li .add-cart { width: 24px; height: 24px; display: block; background: url("../images/goods/add-cart.png") no-repeat center center; background-size: cover;}

.mui-bar-tab { background-color: #fff; box-shadow: none;}
.mui-bar-tab .nav-img { width: 20px; height: 20px; margin-right: 5px;}
.mui-bar-tab .nav-a { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 12px; color: #696969; line-height: 1;}


.filter-more-wrap { padding: 15px 5px;}
.filter-more-wrap .filter-btn-wrap li { padding: 0 5px 10px 5px;}
.filter-more-wrap .filter-btn-wrap li .filter-btn { width: 100%; display: block; padding: 5px; border-radius: 30px; background-color: #f7f7f7; text-align: center; font-size: 14px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-more-wrap .filter-btn-wrap li .filter-btn.active { background-color: #f04e45; color: #fff;}
.filter-more-wrap .filter-btn-wrap li .filter-btn .mui-icon { font-size: 18px;}
.filter-more-wrap .filter-title { padding: 10px 20px; font-size: 17px;}


.fixed-btn { position: fixed; right: 10px; bottom: 80px; z-index: 10;}
.fixed-btn img { display: block; margin-top: 5px; width: 60px; height: 60px;}
#gotop { display: none;}