/*回收范围列表页*/
.mainContent-box{width: 76%;}
.pic-list{display: flex;flex-wrap: wrap;justify-content: start;}
.pic-list li{
    width: 31%;
    padding-bottom: 16px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    margin: 0 1.16%;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.25rem;
    border: 1px solid #D9D9D9;
}
.pic-list li img,.metallic-materials ul li img{width: 100%;height: 12.5rem;margin-bottom: .5rem;}
.pic-list li h2{padding: 0 .625rem;}
.pic-list li h2, .metallic-materials ul li h2{margin-bottom: 1rem;font-size: 1rem;}
.recovery-btn .offer-btn{background-color: #EEB00F;}
.recovery-btn .offer-btn,.recovery-btn .size-12{
    padding:5px 10px;
    border: none;
    margin:0 5px;
    cursor: pointer;
    border-radius: 5px;
}
.recovery-btn a.size-12{border:  1px solid #BBBBBB;}
.pic-list li:hover .bgw{background-color: #F5F6F7;}
.secondary-column{display: flex;flex-wrap: wrap;justify-content: center;}
.secondary-column li{border: 1px solid #f8f8f8; margin: 0 .3125rem;}
.secondary-column li a { padding: 10px;display: block;text-align: center;}
.secondary-column li.on a {background-color: #cc9933;color: #fff;}
/*新闻资讯*/
.new-list li {padding-bottom: 1.5625rem;border-bottom: 1px solid #333;margin-bottom: 1.5625rem;}
.new-list .new-img {width: 23%;margin-right: 2%;position: relative;}
.new-list .new-img img{height: 9.375rem;width: 100%;}
.new-list .new-img span{
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 5px;
}
.new-list li .txt{position:relative;width: 75%;color: #333;}
.new-list li .txt h2{margin-bottom: 10px;font-size: 1rem;}
.new-list li:hover .txt h2{color: #cc9933;}
.new-list li .txt span{position: absolute;bottom: 0;color: #9A9A9A;}
.new-list li .txt i{font-size: 30px;position: absolute;bottom: 0;right: 0;}

/**搜索**/
.relation-wx{background-color: #E4AA14;    text-align: center;}
.relation-wx img {width: 57%;padding-bottom: 10px;}
.search-article{padding: 20px;box-sizing: border-box;width: 73%;}
.search-title {font-size: 1.25rem;font-weight: bold;margin-bottom: 1.25rem;}
.search-list>li .txt i{font-size: 12px;color: #9A9A9A;}
.search-title .text-yellow{color: red;}
.relation{width: 25%;}
.relation p{font-size: 1.375rem;text-align: center;font-weight: bold;}
.relation-recovery,.relation-wx{ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 20px 40px rgba(0, 0, 0, 0.08);}
.relation-recovery ul {padding: .625rem 1.25rem;}
.relation-recovery ul li{position: relative;margin-bottom: 10px;}
.relation-recovery ul li::before{
    position: absolute;
    left: -10px;
    top: 12px;
    content: "";
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #ea3516;
    border-bottom: 4px solid transparent;
}
/*贵金属动态*/
.three-navigation ul{text-align:center;margin-bottom:1rem}
.three-navigation ul li{margin:10px;display:inline-block} 
.three-navigation ul li a{display:block;padding:.6rem;border:1px solid #999}
.three-navigation ul li a:hover,.three-navigation ul li.active a{color:#fff;border:1px solid #EAAE12;background-color:#EAAE12}
.list-8 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.list-8 li{width:49%;margin-bottom:10px}
.list-8 li a video{height: 300px;}
@media (max-width:1200px){
    .sale .sale-btn{left: 0px;}
}
@media (max-width:992px) {
    .mainContent-box {width: 100%;}
    .pic-list li{padding: 0;}
    .pic-list h3{margin-bottom: 5px;padding:0 10px 5px 10px;}
    .pic-list img{height: 7.5rem;margin-bottom: 5px;}
    .recovery-btn{padding-bottom: 15px;}
    .recovery-btn .offer-btn{display: none;}
    .recovery-content ul{margin-top: 0.5rem;}
    .informantion{display: none;}
    .recommend .recommend-pic-list li{width: 25%;}
    .relation{display: none;}
    .search-content,.search-article{width: 100%;}
}
@media (max-width:756px){
    .pic-list {justify-content: space-between;}
    .pic-list li{width: 48.5%;margin:0 0 15px 0;}
    .recommend .article-list li{width: 100%;}
    .recommend .recommend-pic-list li{width: 33.333%;}
    .secondary-column{justify-content:space-between}
    .secondary-column li{width: 32%;margin: 0 0 10px 0;}
    .recommend .recommend-pic-list li{width: 50%;padding: 10px;}
  .list-8 li{width:100%}
}
@media (max-width:640px){
    .new-list .new-img{width:40%;}
    .new-list .new-img img{height: 7.5rem}
    .new-list li .txt{width: 58%;}
    .new-list li p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        display: none;
    }
    .new-list li .txt h3{white-space:inherit}
    .new-list li .txt i{font-size:20px}
    .search-list>li .txt i{font-size: 12px;}
    .pic-list li img, .metallic-materials ul li img{height: 8.5rem;margin-bottom: .5rem;}
    .pic-list h3{padding: 0;}
    .normal-list li a{padding: 15px 75px 15px 5px;}
    .normal-list li.dot a:before{content: none;}
    .normal-list li span{right: 5px; top: 20px;font-size: 12px;}
}