You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
230 lines
6.7 KiB
230 lines
6.7 KiB
@charset "utf-8";
|
|
/*
|
|
[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
|
|
This is NOT a freeware, use is subject to license.txt
|
|
*/
|
|
html{background:#f2f2f2;}
|
|
.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: #1db3c9;
|
|
}
|
|
.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: #1db3c9;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: #1db3c9;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:#1db3c9}
|
|
.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;}
|