.search-container { padding:20px 3% 20px 3%; position: relative;  background: #f8f8f8;}
.search-container .dt{ padding: 3px 0px; margin: 0; font-weight: bold; white-space: nowrap;float:left;}
/* select */
.select li.select-result{display: none !important;}
.select-list dl{position:relative;line-height:20px; display: flex;}
.select-list dt,.select-list dd{float:left;margin:0 10px 5px 0;text-align: center;}
.select-list .dd-conent{ float:left;margin:0 0 10px 0; }
.select-list a{display:inline-block;white-space:nowrap;padding:2px 10px; border-radius:15px; border:1px #1f3faf solid; }
.select-list a:hover{color:#1f3faf;}
.select-list .selected a{color:#fff;  background:#1f3faf; border:1px solid #1f3faf;}


.select-list .selected,.sort-nav .active{position: relative}
.select-list .selected::after,.sort-nav .active::after{ width:calc(100% - 6px);height:calc(100% - 6px); content: ""; position: absolute; border:1px solid  rgba(255,255,255,0.4); border-radius: 15px; left: 3px; top:3px; z-index: 1; }

/*排序*/
.sort-nav{display: table; width: 100%;line-height:20px;}
.sort-nav li{ display:inline; float: left; margin:0px 10px 0 0;}
.sort-nav li a { display: block; padding:2px 10px; border-radius:15px; border:1px #71c0ef solid; }
.sort-nav li.active a { background-color: #71c0ef; color: #fff;}
.sort-nav a:hover, .sort-nav a:focus {color: #71c0ef; }


/*搜索结果*/
.search-list{ margin-left:-2% ;width: 103%;  padding:0 3%;display: table;box-sizing: border-box; display: flex; flex-wrap: wrap;}
.search-list .items{float: left; width: 47%; margin:20px  1% 0 2%;border:2px solid #efefef;border-radius: 5px; overflow: hidden;box-sizing: border-box; padding: 5px;transition:  .3s ;}
.search-list .items img{ width:100%;transition:0.3s ;   }
.search-list .items .goods-title{ margin-top: 10px}
.search-list .items .goods-title a{color: #32355d;}
.search-list .items .text{ font-size: 12px; color: #32355d; }
.search-list .items .price{color: #1f3faf;font-size: 14px; font-weight: bold;}
/*分页*/
.loadmore{text-align: center; margin:30px  0 80px 0;}
.search-pages-submit { margin: 10px auto; width: 120px; border-radius: 20px; background-color: #f85f89; border-color: #f85f89; color: #fff !important;}
.search-pages-submit[disabled]{ color: #999 !important; text-shadow: 0 1px 1px #fff;}


@media only screen and (max-width:640px) {
    .nav{display: none}
}

@media only screen and (min-width: 640px) {
    .search-list .items{width: 22%; margin:20px 1% 0 2%;padding: 10px;}
    .items .goods-title,.items .price,.items .text{text-align: center}
}

@media only screen and (min-width: 1025px) {
    .loadmore{ margin:30px  0 0px 0;}
    .search-container .dt{ padding: 5px 0px; }
    .select-list a,.sort-nav li a {padding:5px  20px; border-radius: 30px; }
    .select-list .selected::after,.sort-nav .active::after{ border-radius: 30px; cursor: pointer}
    .search-list{padding:0;}
    .search-container{padding:30px 0 30px 0; background: #fff;border-bottom: 1px solid  #f2f2f2; }
    .search-list .items{margin:40px 1% 0 2%}
    .search-list .items:hover{border-color: #1f3faf; }
    .search-list  .items:hover img{opacity: 0.8}
}