@charset "utf-8";

/*----------------首页----------------*/

/*--------供求商机--------*/
.supply-new{margin: 0rem;padding:0rem;}
.supply-new li{float: left;width: 3rem;border: 1px solid #ddd;padding: 0.2rem 0.2rem 0.15rem 0.2rem;margin-right: 0.2rem;margin-top: 0.2rem;}
.supply-new li:nth-child(2n){margin-right: 0rem;}
.supply-new li img{width: 3rem;height: 3rem;}
.supply-new li h2{font-size: 0.28rem;margin:0.1rem 0rem 0.08rem 0rem; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.supply-new li .supply-time p{float: left;font-size: 0.22rem;color:#ec9f4c;background-color: #fff8ea;padding:3px 5px;border-radius: 5px; width: 1.35rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.supply-new li .supply-time p:nth-child(2){float: right;width: 1.35rem;color:#aeaeae;background-color: #fff;}
.supply-new li .supply-btn{margin-top: 0.2rem;}
.supply-new li .supply-btn a{text-align: center;border-radius: 0.1rem 0rem 0rem 0.1rem; padding-top: 0.12rem; float: left;font-size: 0.24rem;color:#fff; width: 1.5rem;height: 0.53rem;background-color: #0077cc;}
.supply-new li .supply-btn a:nth-child(2){color:#ec9f4c;border-radius: 0rem 0.1rem 0.1rem 0rem;border: 2px solid #0077cc; background: linear-gradient(90deg, #fff 0%, #fff 100%);width: 1.46rem;height: 0.49rem;}


/*--------优选厂商--------*/
.supply-chang {margin-top: 0.2rem;}
.supply-chang li{float: left;position: relative;margin-bottom: 0.2rem;border-bottom: 1px solid #ddd;padding-bottom: 0.2rem;}
.supply-chang li:nth-child(5){border-bottom: 0px solid #ddd;padding-bottom: 0rem;margin-bottom: 0rem;}
.supply-chang li>a>img{float: left; width: 3rem; height: 2rem;border:1px solid #d3d3d3;}
.supply-chang li .supply-changmain{float: left;margin-left: 0.3rem;width: 3.75rem;}
.supply-chang li .supply-changmain h2{font-size: 0.32rem;color:#333;}
.supply-chang li .supply-changmain p{float: left; font-size: 0.24rem;color:#999999;margin-top: 0.05rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.supply-chang li .supply-changmain p i img{float: left; width: 0.21rem;}
.supply-chang li .supply-changmain h3{margin-top: 0.1rem; float: left;padding:0.02rem 0.1rem; color:#f1176c;background-color: #ffe7ef;border-radius: 5px; font-size: 0.22rem;}
.supply-chang li .supply-changmain .btn{float: left;margin-top: 0.15rem;width: 3.75rem;}
.supply-chang li .supply-changmain .btn button{font-size: 0.24rem;cursor: pointer; width: 1.79rem;height: 0.5rem;border-radius: 0.05rem;padding-bottom: 0.05rem; color:#fff;background: linear-gradient(45deg, #e80042 0%, #ff41b5 100%);border:none;}
.supply-chang li .supply-changmain .btn button:focus{outline:none;}
.supply-chang li .supply-changmain .btn a:nth-child(1) button{color:#0077cc;background: linear-gradient(45deg, #fff 0%, #fff 100%);border:0.02rem solid #0077cc;margin-right: 0.16rem;}

/*--------推荐产品--------*/
.pro-hot{margin:0rem;padding:0rem;}
.pro-hot li{float: left;width: 3rem;border: 1px solid #ddd;padding: 0.2rem 0.2rem 0.15rem 0.2rem;margin-right: 0.2rem;margin-top: 0.2rem;}
.pro-hot li:nth-child(2n){margin-right: 0rem;}
.pro-hot li img{width: 3rem;height: 3rem;}
.pro-hot li h2{font-size: 0.28rem;margin:0.1rem 0rem 0.08rem 0rem; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.pro-hot li .prohot-word h3{float: left; font-size: 0.34rem;color:#f04b09;font-weight: bold;width: 1.7rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.pro-hot li .prohot-word h3 b{font-size: 0.2rem;margin-right: 0.1rem;}
.pro-hot li .prohot-word p{margin-top: 0.05rem; float: right;font-size: 0.22rem;color:#f2946f; background-color: #fff6f3;padding:0.05rem 0.15rem;border-radius: 0.1rem;}
.pro-hot li .prohot-word i{float: left; width: 0.23rem;height: 0.23rem; padding-top: 0.02rem}
.pro-hot li .prohot-btn{margin-top: 0.2rem;}
.pro-hot li .prohot-btn a{text-align: center;border-radius: 0.1rem 0rem 0rem 0.1rem; padding-top: 0.12rem; float: left;font-size: 0.24rem;color:#666666; width: 1.5rem;height: 0.53rem;background-color: #f5f7fb;}
.pro-hot li .prohot-btn a:nth-child(2){color:#fff;border-radius: 0rem 0.1rem 0.1rem 0rem; background: linear-gradient(90deg, #26b8b4 0%, #63b8ba 100%);}

