.page-buysalt{background-color: #f6f6f6;overflow: hidden;padding-bottom: 50px;}

.page-buysalt .filter_top {height: 80px;background: linear-gradient(96deg, #F5EFEF 10%, #F2E0E0 100%);}
.page-buysalt .filter_top .w1200{display: flex;align-items: center; justify-content: space-between;align-items: center;}
.page-buysalt .filter_top .number{color: #81868E;font-size: 14px; }
.page-buysalt .filter_top .number span{font-weight: bold; color: #FE3B3E;font-size: 36px;background: linear-gradient(184deg, #FF942B 0%, #FF4F19 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.page-little-nav { color: #666666;font-size: 14px; line-height: 54px;}
.page-buysalt .searchBOX { padding: 15px; font-size: 12px;  background-color: #fff; }
.page-buysalt .searchBOX .search-form{padding:15px;}
.page-buysalt .searchBOX .search-form  ul li { margin-bottom: 15px;}
.page-buysalt .searchBOX .search-form ul li:last-child{margin-bottom: 0px;}
.page-buysalt .search-category { position: relative; height: 36px; overflow: hidden; line-height: 36px;display: flex; }
.page-buysalt .search-category.active{height: auto;}
.page-buysalt .search-category .btn {position: absolute; top: 0;right: 20px; padding-right: 15px;color: #999999;font-size: 14px; background: url(https://res.huibiaow.cn/webimg/icon/icon_qhx.png) no-repeat right center;}
.page-buysalt .search-category.active .btn{ background: url(https://res.huibiaow.cn/webimg/icon/icon_qhs.png) no-repeat right center;}
.page-buysalt .searchBOX .search-form ul li>label , .page-buysalt .searchBOX .search-form ul li>div>label{font-weight: bold; float: left;display: inline-block; margin-right: 15px; width: 110px;  font-size: 16px; color: #333333;text-align: left;}
.page-buysalt .searchBOX .search-form ul li>label>span , .page-buysalt .searchBOX .search-form ul li>div>label>span{color: #ff2e58;font-size: 14px;margin-right: 4px;}
.page-buysalt .searchBOX .search-form ul li>label>i , .page-buysalt .searchBOX .search-form ul li>div>label>i{    display: block;text-align: left;color: #999999;font-size: 14px;line-height: 20px; padding-left: 15px;}


.page-buysalt .pt-search .pt-top-box .category-show-box { width: calc(100% - 170px);}
.page-buysalt .category-show-box { float: left;width: calc(100% - 110px);}
.page-buysalt .category-show-box.select-show-category a { display: inline-block; width: 120px;}
.page-buysalt .category-show-box a { display: inline-block;margin:0px 15px 0px 0px;color: #333333;font-size: 14px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  vertical-align: middle; }
.page-buysalt  .category-show-box a.on ,.search-category-common a.on {color: #fb4e13 !important;}
.page-buysalt .selectedCondBox {height: auto;}
.page-buysalt .selectedCondBox .selectedCond>a{float: left;width: 100px;display: block;height: 40px;background-color: #ffb0a8;line-height: 40px;color:#fff;font-size: 14px;text-align: center;}
.page-buysalt .selectedCondBox .selectedCond .selectedCondList{float: left;    width: calc(100% - 240px); }
.page-buysalt .selectedCondBox .selectedCond span{    margin: 0px 10px 10px 0px;height: 40px;display: inline-block;background-color: #ffffff;border: solid 1px #a9a9a9;box-sizing: border-box; color: #555555;font-size: 14px;padding: 0px 0px 0px 10px;}
.page-buysalt .selectedCondBox .selectedCond .close{width: 30px;text-align: center;display: inline-block;}
.page-buysalt .selectedCondBox .selectedCond span:hover{color:#fc7288;border:1px solid #fc7288;}
.page-buysalt .selectedCondBox .selectedCond span:hover .close{color:#fc7288;}

.page-buysalt  .filter_rank{ display: flex;justify-content: space-between; padding: 20px 30px;    line-height: 50px;background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(22, 91, 114, 0.09);margin-top:20px;}
.page-buysalt  .filter_rank .filter_rank_tab{color: #333333;font-size: 18px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort{ display: inline-block;width: 85px;height: 100%; position: relative;margin-right: 50px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort:last-child{margin-right: 0px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort.active{color: #ff863c;position: relative;}
.page-buysalt  .filter_rank .filter_rank_tab .sort.active::after{width: 140px;height: 3px;background-color: #ff7849;content: '';position: absolute;    top: 66px;left: -30px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort .sorter-icon-wrapper{position: absolute;top: 14px; right: 0px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort .sorter-icon-wrapper div:first-child { width: 0;height: 0; border: 5px solid transparent; border-bottom: 5px solid #999; margin-bottom: 2px;}
.page-buysalt  .filter_rank .filter_rank_tab .sort  .sorter-icon-wrapper div:last-child { width: 0; height: 0; border: 5px solid transparent;  border-top: 5px solid #999;}
.page-buysalt  .filter_rank .filter_rank_tab .sort .sorter-icon-wrapper div:first-child.on {border-bottom: 5px solid #ff7917;}
.page-buysalt  .filter_rank .filter_rank_tab .sort .sorter-icon-wrapper  div:last-child.on{ border-top: 5px solid #ff7917;}
.page-buysalt  .filter_rank .filter_rank_tel{display: flex;align-items: center; color: #3c6fec;font-size: 18px;line-height: 48px;font-family: SourceHanSansCN-Regular;}
.page-buysalt  .filter_rank .filter_rank_tel a{    width: 120px;height: 40px;line-height: 40px;	background-image: linear-gradient(90deg, #3c6eec 0%,  #40a3ff 100%);    margin-left: 10px;border-radius: 3px; display: block; text-align: center;color: #fff; font-size: 16px;}
.page-buysalt  .filter_rank .filter_rank_tel a img {    margin: -4px 4px 0px 0px;}

.page-buysalt .buyList{display: flex;
    flex-flow: row wrap;
    align-content: stretch;align-items: center;margin-top:20px; }
.page-buysalt .buyList .item{width: 392px;height: 300px;background-color: #ffffff;border-radius: 5px;padding:15px 20px; box-sizing: border-box;margin-bottom: 10px;
    margin-right:10px;}
.page-buysalt .buyList .item:nth-child(3n){margin-right:0px;}
.page-buysalt .buyList .item .head{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f8f8f8;padding-bottom: 12px; margin-bottom: 12px;}
.page-buysalt .buyList .item .head p{color: #999999;font-size: 16px;    display: flex; align-items: center; line-height: 30px; height: 30px; }
.page-buysalt .buyList .item .head p span{ }
.page-buysalt .buyList .item .head p span.name{text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space: nowrap;display: inline-block; line-height: 30px;height: 30px; max-width: 110px; overflow: hidden; margin-right: 20px; }
.page-buysalt .buyList .item .head p span.time{ }
.page-buysalt .buyList .item .head a{width: 80px;text-align: center;line-height: 30px;color: #ff7849;font-size: 14px;height: 30px;background-color: #ffffff;border-radius: 3px;border: solid 1px #ff8a61;}
.page-buysalt .buyList .item .head a:hover{ background-color: #ff7849;color: #fff;}
.page-buysalt .buyList .item .title{ }
.page-buysalt .buyList .item .title h2{ margin-bottom: 10px;color: #ff7849;font-size: 24px;overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space: nowrap;width: 100%;height: 30px;}
.page-buysalt .buyList .item .title p{color: #999;font-size: 16px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space: nowrap;}
.page-buysalt .buyList .item .title p span , .page-buysalt .buyList .item .title .deal span{ color: #333333;}
.page-buysalt .buyList .item .title .deal{ height:48px;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #999;  font-size: 16px; line-height: 24px;}

.page-buysalt .buyList .item .btn{display: flex;justify-content: space-between;margin-top:10px; }
.page-buysalt .buyList .item .btn>div{width: 167px;height: 40px; text-align: center;font-size: 14px;line-height: 40px;border-radius: 3px;display: flex;align-items: center;    justify-content: center;}
.page-buysalt .buyList .item .btn>div span{width: 30px;height: 30px;display: inline-block; }
.page-buysalt .buyList .item .btn>div a{ }
.page-buysalt .buyList .item .btn>div.issue{ border: solid 1px #3e86f5;}
.page-buysalt .buyList .item .btn>div.issue a{color: #4681ff; }
.page-buysalt .buyList .item .btn>div.issue span{background: url(/static/img/store/icon-3.png) center center no-repeat; }
.page-buysalt .buyList .item .btn>div.issue:hover{ background-image: linear-gradient(0deg,  #487cff 0%, #3ba1ff 100%);border: none;}
.page-buysalt .buyList .item .btn>div.issue:hover a{color: #fff; }
.page-buysalt .buyList .item .btn>div.issue:hover span{background: url(/static/img/store/icon-1.png) center center no-repeat; }

.page-buysalt .buyList .item .btn>div.match{border: solid 1px #ff8a61; }
.page-buysalt .buyList .item .btn>div.match a{ color:#ff8a61;}
.page-buysalt .buyList .item .btn>div.match span{background: url(/static/img/store/icon-4.png) center center no-repeat; }

.page-buysalt .buyList .item .btn>div.match:hover{	background-image: linear-gradient(0deg, #ff8f5d 0%, #ffb049 100%);border:none; }
.page-buysalt .buyList .item .btn>div.match:hover a{ color:#fff;}
.page-buysalt .buyList .item .btn>div.match:hover span{background: url(/static/img/store/icon-2.png) center center no-repeat; }

.page-buysalt   .filter_page{background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(22, 91, 114, 0.09);width: 100%;margin-top:20px;text-align: center;}
.page-buysalt   .filter_page #page{text-align: center;padding: 6px;}
.page-buysalt   .filter_page #page .layui-laypage-spr{border:none;}
.page-buysalt   .filter_page #page .layui-laypage a, .page-buysalt   .filter_page #page .layui-laypage span{padding:0px;}
.page-buysalt   .filter_page #page a , .page-buysalt   .filter_page #page .layui-laypage-curr{margin:5px; text-align: center; width: 32px;height: 32px;line-height:32px; color: #ffffff;border: solid 1px #c2c2c2;display:inline-block;color: #333333;font-size: 14px;}
.page-buysalt   .filter_page #page a.layui-laypage-prev , .page-buysalt   .filter_page #page a.layui-laypage-next{width: auto;padding:0px 4px;}
.page-buysalt   .filter_page #page .layui-laypage-curr{background-color: #3cb6d0;border:1px solid #3cb6d0;color:#fff;}

#buyModel{display: none;     padding: 40px 20px 20px;}
#buyModel  .layui-form-label{width: 95px;}
#buyModel  .layui-form-label span{color: red;margin-right: 4px;}
#buyModel .layui-input-block{margin-left: 125px;}
.title .match{
    position: absolute;
    right: 0px;
    top: 6px;
}
.title{position:relative}