/*
	[DESTOON] Copyright (c) 2008-2021 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.company-list .company-wrap{padding:20px;background:#fff;border:1px solid #f5f5f5;margin-bottom:15px;position:relative}
.company-list .company-wrap:hover{box-shadow:0 0 16px 0 rgba(53,53,53,.2)}
@keyframes location{30%{background:#fff3f3;box-shadow:none}
60%{background-color:#fff9f9;box-shadow:0 0 16px 0 rgba(255,114,114,.2)}
70%{background:#fff3f3;box-shadow:none}
100%{background-color:#fff9f9;box-shadow:0 0 16px 0 rgba(255,114,114,.2)}
}
.company-list .company-wrap.location{background-color:#fff9f9;box-shadow:0 0 16px 0 rgba(255,114,114,.2);animation:location 2s}
.company-list .company-wrap.location .company-relevant{background:0 0}
.company-list .company-wrap .keyword{color:#1844a7}
.company-list .company-record .company-logo{float:left;width:60px;height:60px;margin-right:10px;border:1px solid #f5f5f5}
.company-list .company-record .company-logo img{width:100%;height:100%}
.company-list .company-record .company-describe{float:left;width:600px}
.company-list .company-record .company-describe .company-header .company-name{float:left;position:relative;font-size:18px;margin-right:10px}
.company-list .company-record .company-describe .company-header .company-name a{display:inline-block;color:#333;max-width:305px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.company-list .company-record .company-describe .company-header .company-name a:hover{color:#1844a7}
.company-list .company-record .company-describe .company-header .icon-hot{display:inline-block;width:23px;height:16px;margin-top:-10px;background:url(images/icon-hot.gif) no-repeat center}
.company-list .company-record .company-describe .company-header .product-sum{line-height:24px;padding-left:20px;float:left;padding-right:20px;font-size:12px}
.company-list .company-record .company-describe .company-header .product-sum b{color:#f63;padding:0 5px}
.company-list .company-record .company-describe .discount{float:left;color:#fff;margin:4px 0 0 8px;font-size:0}
.company-list .company-record .company-describe .discount .discount-item{font-size:12px;margin-right:3px;padding:1px 5px}
.company-list .company-record .company-describe .discount .discount-coins{background:#4dbc3d}
.company-list .company-record .company-describe .discount .discount-reduce{background:#aa80ff}
.company-list .company-record .company-describe .discount .discount-coupon{background:#fca201}
.company-list .company-record .company-describe .discount .discount-4{background:#fb6679}
.company-list .company-record .company-describe .metal{float:left;margin-top:2px}
.company-list .company-record .company-describe .metal img{vertical-align:middle}
.company-list .company-record .company-describe .company-detail{margin-top:6px;font-size:0}
.company-list .company-record .company-describe .company-detail span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#999}
.company-list .company-record .company-right{float:right;width:150px;text-align:right}
.company-list .company-record .company-right span{display:inline-block;border:solid 1px #e6e6e6;padding:2px 10px 1px;height:26px;line-height:26px;margin-top:8px;cursor:pointer;text-align:center;background-color:#fff;font-size:12px;border-radius:3px}
.company-list .company-record .company-right span:hover{background:#f5f5f5}
.company-list .company-record .company-right span i{color:#1844a7;padding-right:2px}
.company-list .company-record .company-right span s{display:inline-block;width:9px;height:9px;background:url(images/arrows-icons.png) 0 -13px no-repeat;margin-left:5px}
.company-list .company-record .company-right span.active{background:#f5f5f5}
.company-list .company-record .company-right span.active:hover{background:#fff}
.company-list .company-record .company-right span.active s{background-position:0 0}
.company-list .company-record .company-qrcode{cursor:pointer;position:absolute;top:-1px;right:0;display:block;width:28px;height:28px;background:url(images/qrcode-icon-off.png) no-repeat right top;z-index:1;overflow:hidden;transition:all .4s ease-out}
.company-list .company-record .company-qrcode:hover{overflow:visible;transition:all .4s ease-out}
.company-list .company-record .company-qrcode .qrcode-mask{position:absolute;display:block;top:0;right:28px;width:388px;min-height:83px;padding:6px;background:#717171 url(images/qrcode-bg.jpg) no-repeat right top;overflow:hidden;opacity:0}
.company-list .company-record .company-qrcode .qrcode-company{display:block;width:100%;color:#fff;box-sizing:border-box;z-index:4;-webkit-transition:all .6s;transition:all .6s}
.company-list .company-record .company-qrcode .qrcode-company img{width:83px}
.company-list .company-record .company-qrcode .qrcode-company div{float:right;width:295px;z-index:5;padding-left:10px;overflow:hidden;line-height:20px}
.company-list .company-record .company-qrcode .qrcode-company div .titlez{font-size:16px}
.company-list .company-record .company-qrcode .qrcode-icon-hover{display:none;position:absolute;top:0;right:0;z-index:4;width:27px;height:27px}
.company-list .company-record .company-qrcode:hover{z-index:2}
.company-list .company-record .company-qrcode:hover .qrcode-mask{display:block;right:0;opacity:1;transition:all .4s ease-out}
.company-list .company-record .company-qrcode:hover .qrcode-icon-hover{display:block}
.company-list .company-relevant{position:relative;background:#f5f5f5;height:0;opacity:0;overflow:hidden;transition:all .4s ease-out}
.company-list .company-relevant::before{content:'';position:absolute;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid transparent;border-bottom:12px solid #f5f5f5;top:-24px;right:53px}
.company-list .company-relevant.active{height:auto;opacity:1;margin-top:20px;overflow:visible;transition:all .4s ease-out}
.company-list .company-relevant ul{padding-top:10px}
.company-list .company-relevant ul:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.company-list .company-relevant li{float:left;width:443px;font-size:0;margin:0 10px}
.company-list .company-relevant li span{float:left;font-size:14px;line-height:30px}
.company-list .company-relevant li span.name{width:310px;margin-right:7px}
.company-list .company-relevant li span.price{width:120px;color:#1844a7;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.company-list .company-relevant li span a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.company-list .company-relevant li span:hover a{color:#1844a7}
.company-list .company-relevant .morex{text-align:right;padding:3px 0 10px 0}
.company-list .company-relevant .morex a{margin-right:20px;font-size:12px}
.cmp-list{padding:10px 0;background:#fafafa}
.cmp-list li{position:relative;float:left;width:19.5%;font-size:12px}
.cmp-list li:before{content:'';position:absolute;left:0;top:7px;width:1px;height:30px;background-color:#eaeaea}
.cmp-list li:first-child:before{display:none}
.cmp-list li>p{text-align:center;line-height:1.8;color:#8f6d38;font-size:13px}
.cmp-list li>p:first-child{font-size:12px;color:#888}
.cmp-list li>p>a{padding-bottom:2px;background:linear-gradient(90deg,#aaa 66%,transparent 0) repeat-x;background-size:.2em 1px;background-position:0 18px;color:#8f6d38}
.filter{}

.filter .type_s{float:left;margin-right:10px}
.filter .type_s select{height:25px;line-height:25px;width:85px;border:1px solid #ccd1d9;color:#666;font-size:12px;box-sizing:border-box;padding:3px}
.filter .droplist{width:88px;height:38px;border-right:1px solid #e6e6e6;color:#666;font-size:12px}
.filter .droplist .xup{width:8px;height:5px;background:url(images/newicons.png) no-repeat -390px -248px scroll;position:absolute;top:16px;right:10px}
.filter .droplist{position:relative;line-height:38px;padding-left:2px;float:left}
.filter .droplist.tet{text-align:center;font-weight:700;padding-right:10px}
.filter .droplist .link{padding-left:5px}
.filter .droplist ul{display:none;z-index:1}
.filter .droplist ul li{width:80px;padding:0 5px;height:28px;line-height:28px}
.filter .droplist ul li:hover{background:#f5f5f5}
.filter .droplist:hover ul{display:block;background:#fff;border:1px solid #e6e6e6;border-top:0;left:-1px;position:absolute;top:38px}
.filter .droplist .active{color:#1844a7}
.filter .price{float:left;font-size:12px;padding-left:1px}
.filter .price input{width:15px;height:15px;vertical-align:-4px;margin-right:2px}
.filter .price .inner_name{float:left;padding-left:5px}
.filter .price .inner{float:left;height:38px;line-height:38px;width:195px}
.filter .price ul{padding:0 10px}
.filter .price ul li{float:left}
.filter .price .sep{width:10px;text-align:center}
.filter .price .input{width:55px;height:21px;padding-left:5px;border:solid 1px #dfdfdf;line-height:normal;color:#999}
.filter .price .submit{margin-left:10px;margin-top:8px;display:none}
.filter .price:hover{position:relative;z-index:2}
.filter .price:hover .inner{width:248px;position:absolute;top:-1px;left:79px;border:solid 1px #ccc;background:#fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.1);-moz-box-shadow:0 3px 3px rgba(0,0,0,.1);box-shadow:0 3px 3px rgba(0,0,0,.1)}
.filter .price:hover .submit{display:block}
.filter .price .btnso{display:block;height:23px;padding:0 10px;background:#f40;color:#fff;line-height:23px;cursor:pointer;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.filter .price .btnso:hover{color:#fff;background:#df0808}
.filter .btnx {
    border: solid 1px #e6e6e6;
    width: 130px;
    margin-top: 8px;
    margin-right: 10px;
    cursor: pointer;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
}

.filter .btnx:hover {
    background: #e6e6e6
}

.filter .btnx s {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(images/arrows-icons.png) 0 -13px no-repeat;
    margin-left: 5px;
}

.filter .btnx.active s {
    background-position: 0 0;
}
em, i {
    font-style: normal;
}
/*发布供应产品按钮*/
.postSell {
    margin-bottom: 15px;
    width: 320px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    font-size: 15px;
    color: #333333 !important;
    display: inline-block;
}

.postSell:hover {
    background: #000000;
    color: #fff !important;
}

/*发布紧急采购按钮*/
.postBuy {
    /* display: none; */
    margin-bottom: 15px;
    width: 320px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #1844a7;
    font-size: 15px;
    color: #fff !important;
    display: inline-block;
}

.postBuy:hover {
    background: #000000;
    color: #fff;
}