@charset "utf-8";
/*
[Destoon B2B System] Copyright (c) 2008-2015 www.destoon.com
*/
/*公司列表*/ 
.company-list .company-wrap{padding: 20px;background: #fff;border: 1px solid #e5e5e5;margin-bottom: 15px;position: relative;}
.company-list .company-wrap:hover{box-shadow: 0 0 16px 0 rgba(53, 53, 53, 0.2);}
@keyframes location{30%{background: #fff3f3;box-shadow: none;}
60%{background-color: #fff9f9;box-shadow: 0 0 16px 0 rgba(255, 114, 114, 0.2);}
70%{background: #fff3f3;box-shadow: none;}
100%{background-color: #fff9f9;box-shadow: 0 0 16px 0 rgba(255, 114, 114, 0.2);}} .company-list .company-wrap.location{background-color: #fff9f9;box-shadow: 0 0 16px 0 rgba(255, 114, 114, 0.2);animation: location 2s;}
.company-list .company-wrap.location .company-relevant{background: none;}
.company-list .company-wrap .keyword{color: #42B711;}
.company-list .company-record .company-logo{float: left;width: 120px;height: 120px;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: #42B711;}
.company-list .company-record .company-describe .company-header .icon-hot{display: inline-block;width: 23px;height: 16px;margin-top: -10px;background: url(images/company/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 .metal span{vertical-align: top;font-size: 12px;padding: 0 5px;line-height: 16px;display: inline-block;}
.company-list .company-record .company-describe .metal .area-number{border: solid 1px #fb6679;color: #fb6679;}
.company-list .company-record .company-describe .metal .year-number{border: 1px solid #ffa101;color: #ffa101;}
.company-list .company-record .company-describe .metal .metal-icon{display: inline-block;width: 18px;height: 18px;margin-right: 3px;}
.company-list .company-record .company-describe .metal .special{background: url(images/company/special.png) no-repeat center;}
.company-list .company-record .company-describe .metal .professional{background: url(images/company/professional.png) no-repeat center;}
.company-list .company-record .company-describe .metal .square-meter{background: url(images/company/square-meter.png) no-repeat center;}
.company-list .company-record .company-describe .metal .year{background: url(images/company/year.png) no-repeat center;}
.company-list .company-record .company-describe .metal .trend{background: url(images/company/trend.png) no-repeat center;}
.company-list .company-record .company-describe .metal .cart{background: url(images/company/cart.png) no-repeat center;}
*/
.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;padding-top: 3px;}
.company-list .company-record .company-right span{display: inline-block;border: solid 1px #e6e6e6;padding: 2px 10px 1px;height: 20px;line-height: 20px;margin-top: 6px;cursor: pointer;text-align: center;background-color: #ffffff;font-size: 12px;}
.company-list .company-record .company-right span:hover{background: #f5f5f5;}
.company-list .company-record .company-right span i{color: #42B711;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: #ffffff;}
.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/company/qrcode-icon-off.png) no-repeat right top;z-index: 1;overflow: hidden;transition: all 0.4s ease-out;}
.company-list .company-record .company-qrcode:hover{overflow: visible;transition: all 0.4s ease-out;}
.company-list .company-record .company-qrcode .qrcode-mask{position: absolute;display: block;top: 0px;right: 28px;width: 388px;min-height: 83px;padding: 6px;background: #717171 url(images/company/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 0.6s;transition: all 0.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 .title{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 0.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 0.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 0.4s ease-out;}
.company-list .company-relevant ul{padding-top: 10px;}
.company-list .company-relevant ul:after{visibility: hidden;display: block;font-size: 0px;content: "";clear: both;height: 0;}
.company-list .company-relevant li{float: left;width: 443px;font-size: 0px;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_respro{float: left;}
/*
.company-list .company-relevant li span.contacts{width: 60px;margin-right: 7px;position: relative;}
.company-list .company-relevant li span.contacts a{color: #999999;text-decoration: underline;}
.company-list .company-relevant li span.contacts i{display: none;background: #fff;line-height: 16px;padding: 10px 15px 8px 15px;box-shadow: 0 0 16px 0 rgba(53, 53, 53, 0.3);position: absolute;top: 30px;left: 50%;z-index: 100;text-align: center;white-space: nowrap;transform: translateX(-54%);}
.company-list .company-relevant li span.contacts i::before{content: '';position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid #ffffff;top: -12px;right: 46%;}
.company-list .company-relevant li span.contacts i s{display: inline-block;width: 18px;height: 20px;background: url("images/company/icons-subsidiary.png") 0 -456px no-repeat;vertical-align: middle;}
.company-list .company-relevant li span.contacts:hover i{display: block;}*/
.company-list .company-relevant li span.price{width: 120px;color: #42B711;font-weight: bold;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: #42B711;}
.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;border:1px solid #eaeaea;}
.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: 0.2em 1px;background-position: 0 18px;color: #8f6d38;}

/*右侧推荐公司*/
.shop_box .recommend_ul .company-selected-item{margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6;position: relative;}
.shop_box .recommend_ul .company-selected-item a{position: relative;}
.shop_box .recommend_ul .company-selected-item a:hover p{color: #42B711;}
.shop_box .recommend_ul .company-selected-item img{width: 158px;height: 138px;border: 1px solid #e6e6e6;overflow: hidden;}
.shop_box .recommend_ul .company-selected-item img:hover{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.shop_box .recommend_ul .company-selected-item .company-name{font-size: 14px;color: #333;padding: 5px 0 5px 0;}
.shop_box .recommend_ul .company-selected-item .icon-pentangle{position: absolute;display: block;width: 24px;height: 24px;top: -10px;left: -6px;background: url(images/company/rank-icons.png) no-repeat -26px -84px;cursor: pointer;vertical-align: middle;margin-right: 3px;}
.shop_box .recommend_ul .company-selected-item .icon-pentangle.collected, .shop_box .recommend_ul .company-selected-item .icon-pentangle:hover{background-position: 0 -84px;}
.shop_box .recommend_ul .company-selected-item .company-product{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 12px;color: #999;}
.shop_box .recommend_ul .company-selected-item .person{float: left;display: inline-block;width: 175px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.shop_box .recommend_ul .company-selected-item .person i{display: inline-block;width: 13px;height: 18px;vertical-align: middle;margin-right: 3px;}
.shop_box .recommend_ul .company-selected-item .person i{background: url(images/company/rank-icons.png) no-repeat 0 -112px;}
.shop_box .recommend_ul .none-space{height: 20px;}