@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;}