@charset "utf-8";
/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.info_main {padding:10px 10px 0 10px;}
.info_main li {padding:8px 0 8px 15px;}

.brand {padding:5px 0 5px 0;}
.brand img {padding:3px;}
.brand li {height:22px;line-height:22px;overflow:hidden;}

.info-left{width:280px; float:left}

.info-cate{
    background: #fff;
    border: 1px solid #f1ebe7;
    box-shadow: 0 1px 3px 0 rgba(55,18,0,.05);
}
.info-cate dl{
    padding: 20px 10px 20px 20px;
    border-bottom:1px solid #eaeaea;
}
.info-cate dl dt{font-size:16px;color: #000;
}

.info-cate dl dd {
    margin: 10px 0 0 -10px;
}
.info-cate dl dd a{
    min-width:50px;
    margin-left:10px;
    display: inline-block;
    line-height:30px;
    color: #666;
	font-size:14px;
}
.info-cate dl dd a:hover{
    text-decoration: underline;
    color: #ee2e2c;
}
.info-cate ul{overflow:hidden}
.info-cate h2{font-size:18px;padding:18px;color:#000;font-weight:normal;border-bottom:#eee 1px solid}
.info-cate h2:before{content: "";width: 3px;height: 16px;background: #ee2e2c;float: left;margin:4px 7px 0px 0px;}
.info-box{background: #fff;border: 1px solid #f1ebe7;box-shadow: 0 1px 3px 0 rgba(55,18,0,.05)}
.info-box h3{font-size:18px;padding:18px;color:#000;font-weight:normal;border-bottom:#eee 1px solid}
.info-box h3 a{color:#000}
.info-box h3:before{content: "";width: 3px;height: 16px;background: #ee2e2c;float: left;margin:4px 7px 0px 0px;}
.info-box h2{font-size:18px;font-weight:normal;margin-bottom:10px}
.info-box h2 a{color:#000}
.info-box h2 a:hover{color:#ee2e2c}
.info-box ul li{border-bottom:#eee 1px dotted;padding:20px 25px;overflow:hidden}
.li-info{font-size:14px;}
.li-info em{margin-right:15px;float:left;height:20px;line-height:20px;}
.li-info em:nth-child(1):before{content: "";width: 20px;height: 20px;background: url(img/zb-icons.png) no-repeat;float: left;margin:0px 8px 0px 0px;}
.li-info em:nth-child(2):before{content: "";width: 20px;height: 20px;background: url(img/zb-icons.png) no-repeat -60px 0;float: left;margin:0px 5px 0px 0px;}
.li-info em:nth-child(3):before{content: "";width: 20px;height: 20px;background: url(img/zb-icons.png) no-repeat -40px 0;float: left;margin:0px 5px 0px 0px;}
.li-info em:nth-child(4):before{content: "";width: 20px;height: 20px;background: url(img/zb-icons.png) no-repeat -20px 0;float: left;margin:0px 5px 0px 0px;}
.li-info em a{border-bottom:#dadada 1px dotted; display:block;float:left}
.li-info em i{padding-left:15px;color:#999}
.company-show-name, .company-show-img,.bid-list-item{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;transition: all 0.2s ease;}


.info-right{width: 890px;}


.zb-i{
    display: inline-block;
    position: relative;
    width:50px;
    height: 50px;
    background-image: url("img/zb-icons.png");
    background-repeat: no-repeat;
	margin:0px auto;
	display:block;
	overflow:hidden
}

.zb-i-release{
    background-position: 0 -100px;
}
.zb-i-company{
    background-position: -50px -100px;
}

/*bid-slider*/
.bid-slider{
    position: relative;width:740px; overflow:hidden
}

.bid-btn-area{
    width:148px;
	float:right;
	overflow:hidden;border:#eee 1px solid
}
.bid-btn-area>a{
    position: relative;
    display: block;
    height:106px;
	border-bottom:#eee 1px solid;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
	padding-top:30px;;
}
.bid-btn-area>a:hover{
    box-shadow: 0 2px 15px 2px rgba(0,0,0,.03), 0 12px 12px 2px rgba(0,0,0,.04);
    z-index: 9;
}

a.bid-more-btn{
    display: block;
    text-align: center;
    padding:15px 0;
    color: #666;
	font-size:14px;
	border-top:#eee 1px solid
}
a.bid-more-btn:hover{
    color: #e53935;
    background-color: #fafafa;
}

.company-show-item{
    position: relative;
    float: left;
    width:139px;
    height:135px;
    overflow: hidden;
    margin:-1px 0 0 -1px;
    border-top:1px solid #eee;
    border-left: 1px solid #f1ebe7;
}
.company-show-img{
    width: 86px;
    height: 86px;
    padding: 24px;
}
.company-show-name{
    position: absolute;
    left:0;
    bottom:-54px;
    width:120px;
    height:36px;
    padding:8px 10px;
    font-size: 12px;
    line-height:1.5;
    background-color: #e53935;
    background-color: rgba(0,0,0,.7);
    color: #fff;
}
.company-show-item:hover{
    z-index: 2;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.08);
}
.company-show-item:hover .company-show-img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.company-show-item:hover .company-show-name{
    bottom:0;
}


.s-info-left{width:870px;float:left;padding:0px;background: #fff;border: 1px solid #f1ebe7;box-shadow: 0 1px 3px 0 rgba(55,18,0,.05);border-radius:4px;}
.s-info-left .left{float:left;margin-right:10px}
.s-info-left .left img{margin:20px 0px 0px 20px;padding:10px;border-radius:5px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);}
.s-info-left .right{overflow:hidden}
.s-info-left h1{padding:20px 20px 20px 20px;font-size:24px;color:#333;font-weight:normal}
.s-info-left .li-info{padding:0 20px 10px 20px}
.s-info-left .content{padding:20px 20px 30px 20px;font-size:16px;line-height:32px}
.s-info-right{width:300px;float:right}
.s-info-right .contact_head{background:white;overflow:hidden;border:none;border-bottom:#eee 1px solid}
.s-info-right .contact_body{background:white;overflow:hidden;border:none}
.s-info-right .c-box{background: #fff;border: 1px solid #f1ebe7;box-shadow: 0 1px 3px 0 rgba(55,18,0,.05)}

.bid-content-time{
    margin-top: 30px;
    padding:15px 30px;
    background-color: #fafafa;
    border-top: 1px solid #f1ebe7;
    border-bottom: 1px solid #f1ebe7;
}
.bid-content-time em{
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    color: #444;
}
.bid-content-time span{
    color: #999;
    line-height: 30px;
}
.bid-content-time-start,.bid-content-time-end{
    display: inline-block;
}
.bid-content-time-start{
    margin-right:40px;
}
.bid-content-time-end{
    margin-left:40px;
}

.bid-fav-from-btn{
    margin-top:7px;
    padding:0 20px;
    font-size: 16px;
	text-align:center;
    line-height:40px;
	width:80px;
    background-color: #e53935;
    border:none;
    cursor: pointer;
    color: #fff;
    outline:none;
	float:right
}
.bid-fav-from-btn:hover{
    background-color: #ff4337;
}
.box{background:white; overflow:hidden;border-radius:4px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15)}
.box dt{line-height:40px;font-size:18px;padding:5px 15px;border-bottom:#eee 1px solid;color:#000}
.box dt span{float:right;font-size:14px;}
.box ul{padding:12px 15px; }
.box ul li{line-height:37px;font-size:14px;height:37px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}









/*==========================================*/


/*首页样式 THE*/

/*幻灯广告 THE*/
.buy_banner { width:100%; overflow:hidden; position: relative;}
.buy_banner .b_menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:20px;z-index: 2;}
.buy_banner .swiper-pagination-bullet {display: inline-block;cursor:pointer;margin: 0 5px;width:10px;height:5px;background:rgba(255,255,255,.8);border-radius:3px;}
.buy_banner .swiper-pagination-bullet-active {background:#e74c25;width:15px;height:5px;}
/*幻灯广告 END*/



/*首页列表 THE*/
.floor_buy { overflow:hidden;margin-top:30px;}
.floor_buy .floor_title { height:30px; margin:0px 0 10px;}
.floor_buy .floor_title strong { float:left; font-size:18px; font-weight:700; color:#333; line-height:30px;}
.floor_buy .floor_title .floor_name { float:right;line-height:30px;}
.floor_buy .floor_title .floor_name a { font-size:14px; display:inline-block; margin-left:20px; color:#888;}
.floor_buy .floor_title .floor_name a i { margin-left:5px;font-family: SimSun;}
.floor_buy .floor_title .floor_name a:hover { color:#ff6700;}
.floor_buy ul li { float:left; width:32.333333%; margin:0% 1.5% 20px 0;height:200px; box-sizing:border-box; padding:20px 20px 0; background:#fff;transition:all .3s;}
.floor_buy ul li:hover { box-shadow:0 0 15px rgb(0 0 0/.2);}
.floor_buy ul li:nth-child(3n+3) { margin-right:0;}
.floor_buy ul li h2 { display: block;font-size: 16px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.floor_buy ul li h2 a { color: #333;}
.floor_buy ul li h2 a:hover { color:#ff6700;}
.floor_buy ul li p { margin-top:14px; color:#999; font-size:12px;overflow:hidden}
.floor_buy ul li p.js{line-height: 20px;display:block;height:40px}
.floor_buy ul li p i { display:inline-block; max-width:50%;float:left;}
.floor_buy ul li p i:nth-child(2) { float:right;}
.floor_buy ul li p i b { display:inline-block; padding:0 15px; color:#FF6700; background:#fff3eb; font-weight:400;}
.floor_buy ul li .price { height:50px;margin-top:15px; border-top:1px solid #f3f3f3; font-size:18px;}
.floor_buy ul li .price em { font-size:14px;}
.floor_buy ul li .price span { display:inline-block; max-width:50%; float:left;line-height:50px;color:#ff6700;font-weight:700;}
.floor_buy ul li .price .user { display:inline-block; max-width:50%; height:35px; line-height:30px; float:right; margin-top:10px;}
.floor_buy ul li .price .user a { font-size:12px; color:#999;display:inline-block;}
.floor_buy ul li .price .user img { float:left; width:30px; height:30px; margin-right:5px; border-radius:50%;}
/*首页列表 END*/

/*首页样式 END*/

/*列表样式 THE*/
.buy_main_l { float:left; width:900px;}
.buy_main_r { float:right; width:285px;}


.buy_main_l .buy_main_ul li { padding:15px 20px; background:#fff; overflow:hidden; margin-bottom:15px; border:1px solid #e6e6e6;}
.buy_main_l .buy_main_ul li .image { width:110px; height:110px; float:left; margin-right:20px;}
.buy_main_l .buy_main_ul li .image img { width:100%;}
.buy_main_l .buy_main_ul li .text { float:left; width:84%;}
.buy_main_l .buy_main_ul li .text h2 { font-size:16px; display: block; margin-bottom:10px;}
.buy_main_l .buy_main_ul li .text h2 a { color:#333;}
.buy_main_l .buy_main_ul li .text h2 a:hover { color:#e74c25;}
.buy_main_l .buy_main_ul li .text p { height:40px; line-height:20px; color:#999;}
.buy_main_l .buy_main_ul li .text .region { height:20px; line-height:20px; font-size:12px; color:#999; margin:15px 0;}
.buy_main_l .buy_main_ul li .text .region i { width:50%; display:inline-block;}
.buy_main_l .buy_main_ul li .text .region i b { display:inline-block; padding:0 15px; color:#FF6700; background:#fff3eb; font-weight:400;}
.buy_main_l .buy_main_ul li .text .region i em { color:#ff6700;}
.buy_main_l .buy_main_ul li .text .price { height:35px;margin-top:15px; border-top:1px solid #f3f3f3; font-size:18px; padding-top:15px;}
.buy_main_l .buy_main_ul li .text .price em { font-size:14px;}
.buy_main_l .buy_main_ul li .text .price span { display:inline-block; max-width:50%; float:left;line-height:35px;color:#ff6700;font-weight:700;}
.buy_main_l .buy_main_ul li .text .price .user { display:inline-block; max-width:50%; height:35px; line-height:35px; float:right;}
.buy_main_l .buy_main_ul li .text .price .user a { font-size:12px; color:#999;display:inline-block;}
.buy_main_l .buy_main_ul li .text .price .user img { float:left; width:30px; height:30px; margin-right:5px; border-radius:50%;}

.buy_box_title_r { height:50px;}
.buy_box_title_r strong { float:left; font-size:16px; line-height:50px; color:#333;}
.buy_box_title_r strong:before { content: "";width: 4px;height: 16px;background: #ff6700; float:left; margin:16px 8px 0 0;border-radius: 2px;}
.buy_main_r .buy_box_r { background:#fff; padding:0 20px; border:1px solid #e6e6e6;}
.buy_main_r .buy_box_r ul { padding-bottom:15px;}
.buy_main_r .buy_box_r ul li { line-height:30px; font-size:14px;overflow: hidden;}
.buy_main_r .buy_box_r ul li.li_2 { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.buy_main_r .buy_box_r ul li a { color:#666;}
.buy_main_r .buy_box_r ul li a:hover { color:#ff6700;}
.buy_main_r .buy_box_r ul li em { width:18px; height:18px; float:left; text-align:center; line-height:18px; border-radius:5px 0 5px 0; background:#ddd; color:#666; margin:7px 8px 0 0;}
.buy_main_r .buy_box_r ul li:nth-child(-1n+3) em { background:#ff6700; color:#fff;}
.buy_main_r .buy_box_r_ad img { width:100%;}

/*列表样式 END*/











