You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
DS7/DispatchWeb/Content/css/site.css

390 lines
17 KiB
CSS

.build_che_left {
float: left;
width: 20.5%;
}
.build_che_content .build_che_right {
float: right;
width: 78%;
background: #fff none repeat scroll 0 0;
}
.build_che_content {
margin: 0 auto;
/* overflow: hidden; */
max-width: 1110px;
clear: both !important;
margin-top: 15px;
word-break: break-all;
}
.build_che {
padding: 0px 0 20px 0 !important;
background: #F3F3F4 none repeat scroll 0 0;
overflow: hidden;
}
.new_Chemicals, .details_h3 {
border-bottom: 1px solid #e3e3e3;
/* color: #005494; */
font-weight: normal;
padding: 10px;
}
.required-star {
line-height: 32px;
font-size: 16px !important;
float: left;
color: #ed5565;
padding: 5px 5px 0;
}
.chem-apparatuses .fatalism{
display: inline-block;
width: 50px;
height: 30px;}
.chem-apparatuses .core{ font-weight: normal; margin-right: 10px;}
.chem-apparatuses .upload-pictures>div>ul>li{ width: 150px; float: left; margin-right: 15px;}
.chem-apparatuses .upload-pictures>div>ul>li img{ max-width: 98px; max-height: 98px; vertical-align: middle;}
.chem-apparatuses {
}
.build_che .breadcrumb {
margin-top:15px;
}
.apparatuses-manage-table>tbody>tr>td{
line-height:37px;
text-align:center;
}
.apparatuses-manage-table>thead>tr>th{
text-align:center;
}
.apparatuses-manage-table td img{
max-height: 40px;
max-width: 40px;
}
.chem-apparatuses .search-term {
line-height:20px;
margin-bottom:20px;
clear:both;
padding:10px;
border:1px solid #eaeaea;
}
.related-products{
background: #f1f1f1;padding: 10px 15px;overflow: hidden;border-radius: 3px;margin-bottom: 15px; width: 100%
}
.related-products .form-inline{
float:left;
}
.related-products > span {
float:right;
}
.related-products-r{ float: right; line-height: 44px;}
.related-products-r em{color: #ff7519; padding: 0 5px;}
.related-products>span > em{
color: #ff7519;
padding: 0 5px;
}
/*化学仪器详情页*/
.detail-device-base {
padding:20px;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
/*border: 1px solid #ececec;*/
background-color:#fff;
overflow:hidden;
}
.detail-device-base .device-base-left{
float:left;
width:300px;
height:380px;
}
.detail-device-base .device-base-left .spec-scroll{height: 80px;}
.detail-device-base .device-base-left div img{max-width: 298px; max-height: 298px;}
.detail-device-base .device-base-left ul{ overflow: hidden; margin-top: 10px;}
.detail-device-base .device-base-left ul li{
float:left;
width: 60px;
height: 60px;
margin-right: 19px;
}
.detail-device-base .device-base-left ul li:last-child{margin-right: 0}
.detail-device-base .device-base-left ul li img{max-width: 58px; max-height: 58px; vertical-align: middle;}
.detail-device-base .device-base-left ul .tb-selected{
border:2px solid #f40;
}
.device-base-right {
overflow:hidden;
padding-left:40px;
}
.device-base-right>dl > dt {
margin-bottom:25px;
overflow:hidden;
}
.device-base-right>dl > dt>em {
font-size:18px;
font-weight:bold;
float:left;
width:80%;
}
.device-base-right> dl > dt >span{
float:right;
padding:0 20px;
}
.device-base-right > dl >.univalent>em{
font-weight: 700;
font-size: 18px;
color: #FF6600
fl
}
.device-base-right > dl > dd {
margin:8px 0;
}
.device-base-right > dl > dd >span{
color:#999;
width:80px;
text-align:left;
display:inline-block;
}
.device-base-right>div>p
{ font-weight: 400;
color: #F45600;
font-size:24px;
border:1px solid #ddd;
padding: 15px 20px;
margin-top: 20px;
margin-bottom:0;
}
.device-base-right > div >p>span{
margin-right:10px;
}
.device-base-right > div>p > em {
font-size:23px;
margin-left:10px;
}
.device-base-right > div >p> .fa-inverse {
color:#fff;
}
.device-base-right .fa-stack {
width: 1.5em;
height: 1.5em;
line-height: 1.5em
}
.device-base-right .fa-stack-2x {
font-size:1.4em;
}
.device-base-right > div > div {
padding:10px 25px;
background:#f2f2f2 ;
border:1px solid #ddd;
border-top:0;
}
.material-detail-content {
margin-top:20px;
overflow: hidden;
}
.material-detail-content .m-d-content-l {
box-shadow: 0 1px 3px rgba(0,0,0,.15);
width:77%;
float:left;
}
.material-detail-content .m-d-content-l-top {
background: linear-gradient(to bottom, #fff 0%,#f5f4f4 100%);
border-bottom: 1px solid #eaeaea;
}
.material-detail-content .m-d-content-l-top h3 {
display:inline-block;
color:#F45600;
border-top:2px solid #F45600;
width:150px;
text-align: center;
height: 45px;
line-height: 45px;
margin-bottom: 0;
}
.m-d-content-l-con {
padding:15px;
background: #fff;
}
.material-detail-content .m-d-content-r {
width:21%;
float:right;
}
.material-detail-content .m-d-content-r-top {
background:#fff ;
border: 1px solid #ececec;
border-bottom: 1px solid #eaeaea;
background: -moz-linear-gradient(top, #fff 0%, #f5f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f4f4));
background: -webkit-linear-gradient(top, #fff 0%,#f5f4f4 100%);
background: -o-linear-gradient(top, #fff 0%,#f5f4f4 100%);
background: -ms-linear-gradient(top, #fff 0%,#f5f4f4 100%);
background: linear-gradient(to bottom, #fff 0%,#f5f4f4 100%);
}
.material-detail-content .m-d-content-r-top h3 {
display:inline-block;
padding-left:20px;
height: 45px;
line-height: 45px;
margin-bottom: 0;
}
.m-d-content-r-con {
padding:15px;
background: #fff;
border-top:0;
}
.m-d-content-r-max:not(last-child){margin-bottom: 20px;}
.m-d-content-r-max{box-shadow: 0 1px 3px rgba(0,0,0,.15);}
.m-d-content-r-con dl dt{ overflow: hidden;margin-bottom: 20px;}
.m-d-content-r-con dl dt span{ float: left;width: 80px;height: 80px;line-height:74px; border: 1px solid #ddd; margin-right: 10px;}
.m-d-content-r-con dl dt span img{max-width: 78px; max-height: 78px; vertical-align: middle;}
.m-d-content-r-con dl dt em{ font-size: 15px; font-weight: bold; height: 80px; vertical-align: middle;}
.m-d-content-r-con dl dd{margin: 8px 0; overflow: hidden;}
.m-d-content-r-con dl>dd>span{color: #999; float: left; width: 65px;}
.m-d-content-r-con dl>dd>em{float: right;width: 132px;}
/*仪器设备首页*/
.home-apparatuses{}
.home-apparatuses>.container{ }
.home-apparatuses .home-firstscreen{overflow: hidden;/* margin-top: 15px;*/}
.home-apparatuses .home-firstscreen>.categories-main{float: left; width: 243px; box-shadow: 0 1px 3px rgba(0,0,0,.2)}
.home-apparatuses .home-firstscreen .categories-main .ibox-title{ border-top: 3px solid #ff7519;background: #fbfbfb; padding:10px 20px; overflow: hidden; height: 48px; vertical-align: middle;}
.home-apparatuses .home-firstscreen .categories-main .ibox-title>h5{ margin: 0; font-size: 16px; line-height: 28px;}
.home-apparatuses .home-firstscreen .categories-main .ibox-title>h5>i{ color: #999; margin-right: 5px;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl{margin-bottom: 0;padding-top: 11px; overflow: hidden;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl:first-child{padding-top: 0;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl:not(:last-child){border-bottom: 1px dotted #ddd; padding-bottom: 10px; }
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dt{margin-bottom: 10px; font-size: 14px;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd{ float: left;padding-top: 3px; padding-bottom: 3px; width: 33%;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd>a{color: #999;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd>a:hover
,.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd>a:active{color: #ff7519;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(n){padding-left: 1px;padding-right: 1px; }
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(2n-1){padding-left: 1px;padding-right: 1px;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(3n-1){padding-right: 1px;padding-left: 0;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(2n+1){padding-right: 1px;padding-left: 0;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(3n+1){padding-right: 0;padding-left: 1px;}
.home-apparatuses .home-firstscreen .categories-main .ibox-content>dl>dd:nth-child(3n){padding-left:1px;padding-right: 1px;}
.advertise-main{padding-left: 262px;}
.ms-banners{ width: 630px; height: 330px;float: left; background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2); overflow: hidden;}
.ms-banners .carousel-inner img{ width: 630px; height: 330px; }
.home-firstscreen .latest-equipment{width: 200px; float: right; }
.home-firstscreen .latest-equipment .latest-equipment-con{box-shadow: 0 1px 3px rgba(0,0,0,.2)}
.home-firstscreen .latest-equipment .ibox-title{background: #fbfbfb; padding:10px 20px; overflow: hidden; height: 48px; vertical-align: middle; border:none;}
.home-firstscreen .latest-equipment .ibox-title>h5{margin: 0; font-size: 16px; line-height: 28px;}
.latest-equipment .ibox-title>h5>i{ color: #999; margin-right: 5px;}
.latest-equipment .ibox-content{padding-top: 10px;}
.latest-equipment .ibox-content>div{ overflow: hidden;}
.latest-equipment .ibox-content>div>span{width: 60%; text-align: left; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest-equipment .ibox-content>div>em{width: 35%; text-align: right; color:#ff7519; float: right; }
.applied-for .register{ width: 108px; height: 40px;}
.applied-for .login{ width: 80px; height: 40px;}
.applied-for a{color: #fff;line-height: 28px;}
.applied-for i{margin-right: 5px; font-size: 16px;}
.latest-equipment .applied-for{margin-top: 10px;}
.latest-equipment .applied-for span{padding: 5px; color: #FFF; float: left;}
.latest-equipment .applied-for em{padding: 5px; color: #FFF; float: right;}
.advertise-main .ace-advert{padding: 20px 0 0; overflow: hidden; width: 100%;margin-bottom: 0;}
.advertise-main .ace-advert li{float:left;width: 200px; height: 110px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2)}
.advertise-main .ace-advert li:not(:last-child){margin-right: 16px;}
.advertise-main .latest-equipment .mod-con-table td{border:0;}
.advertise-main .latest-equipment .ibox-content{padding-left: 15px; padding-right: 15px; }
.home-commodity{margin-top: 25px;box-shadow: 0 1px 3px rgba(0,0,0,.2)}
.home-commodity .ibox-title{border-top:#ff7519 2px solid; padding: 10px 20px;}
.home-commodity .ibox-title h2{color: #ff7519; font-size: 18px;}
.home-commodity .ibox-content .home-commodity-max{overflow: hidden; border-bottom: 1px dotted #ddd;margin-bottom: 20px;padding-bottom: 10px;}
.home-commodity .home-commodity-max li{float: left; margin:5px 19px 5px 0; }
.home-commodity .home-commodity-max li:last-child{margin-right:0; }
.home-commodity .home-commodity-max li>dl>dt{width: 162px;height: 162px;border: 1px solid #eee;vertical-align: middle;line-height: 153px;text-align: center;}
.home-commodity .home-commodity-max li>dl>dt img{max-width: 155px; max-height: 155px; border:1px solid #eee;}
.home-commodity .home-commodity-max li>dt img{max-width: 160px; max-height: 160px;}
.home-commodity .home-commodity-max li>dl>dd{max-width: 155px;margin:5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home-commodity .home-commodity-max li>dl>dd:nth-child(2n){margin-top: 10px; font-size: 14px;}
.home-commodity .home-commodity-max li>dl>dd:nth-child(2n+1)>span{color:#ff7519 }
.home-commodity .home-commodity-max li>dl>.commodity-max-company{margin-top: 12px; color: #999}
.home-commodity .home-commodity-min { overflow: hidden; }
.home-commodity .home-commodity-min li{ float: left; width: 240px; margin-right: 36px; margin-top: 15px;}
.home-commodity .home-commodity-min li:nth-child(4n){ margin-right: 0; }
.home-commodity .home-commodity-min li dt{ float: left;width: 50px; height: 50px; border:1px solid #eee; margin-right: 15px;}
.home-commodity .home-commodity-min li dd div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home-commodity .home-commodity-min .home-commodity-price{margin-top: 8px; color: #999;}
.home-commodity .home-commodity-min .home-commodity-price span{ color:#ff7519; }
.home-company .ibox-content .home-commodity-max{border-bottom: none;}
.home-company .ibox-content .home-commodity-max{margin-bottom: 0;}
.home-company .home-company-min {overflow: hidden;}
.home-company .home-company-min>li>a{color: #666}
.home-company .home-company-min li{float: left; padding: 15px 47px; border:1px dotted #ddd; width: 20%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home-company .home-company-min li:nth-child(n){border-left: none;}
.home-company .home-company-min li:nth-child(n+1){border-top: none;}
.home-company .home-company-min li:nth-child(5n){border-right: none;}
.home-company .home-company-min li:nth-child(6n)
,.home-company .home-company-min li:nth-child(7n)
,.home-company .home-company-min li:nth-child(8n)
,.home-company .home-company-min li:nth-child(9n)
,.home-company .home-company-min li:nth-child(10n){border-bottom: none;}
/*搜索设备页*/
.search-equipment {position: relative;margin-top: 20px;}
.categories-click{color:#ff7519;background: #ddd; border-radius: 3px; }
.search-equipment .search-categories{/*position:fixed;top: 20px;*/ ;box-shadow: 0 1px 3px rgba(0,0,0,.2); float: left; padding: 0;}
.search-categories .ibox-title {
border-top: 3px solid #ff7519;
background: #fbfbfb;
padding: 10px 20px;
overflow: hidden;
height: 48px;
vertical-align: middle;
}
.search-categories .ibox-title>h5 {
margin: 0;
font-size: 16px;
line-height: 28px;
}
.search-categories .ibox-title>h5>i {
color: #999;
margin-right: 5px;
}
.search-categories .ibox-content{padding-left: 15px;}
.search-categories .ibox-content>dl{margin-bottom: 0;padding-top: 11px; overflow: hidden;}
.search-categories .ibox-content>dl:first-child{padding-top: 0;}
.search-categories .ibox-content>dl:not(:last-child){border-bottom: 1px dotted #ddd; padding-bottom: 10px; }
.search-categories .ibox-content>dl>dt{margin-bottom: 10px; font-size: 14px;padding: 3px 0;}
.search-categories .ibox-content>dl>dt>a{padding: 3px;}
.search-categories .ibox-content>dl>dd{ float: left;padding-top: 4px; padding-bottom: 4px; width: 50%;}
.search-categories .ibox-content>dl>dd:nth-child(2n-1){padding-left: 4px;}
.search-categories .ibox-content>dl>dd:nth-child(2n){padding-right: 4px;}
.search-categories .ibox-content>dl>dd>a{color: #999;padding:3px;}
.search-categories .ibox-content>dl>dd>a:hover
,.search-categories .ibox-content>dl>dd>a:active{color: #ff7519;}
.new-equipment{float: right; padding: 0 0 0 20px;}
.new-equipment .home-commodity{margin-top: 0;}
.new-equipment-con{background: #fff;padding: 20px 30px 20px; overflow: hidden;}
.new-equipment-con .form-inline .form-group{margin-right: 10px;}
.new-equipment-con .form-inline .form-group label{font-weight: normal;}
.new-equipment .home-commodity-max li>dl>dt {width: 196px; height: 196px;box-shadow: 0px 1px 3px rgba(0,0,0,.1);}
.new-equipment .home-commodity-max li:nth-child(4n) {margin-right: 0;}
.new-equipment .home-commodity-max li>dl>dt img{max-width: 190px; max-height: 190px;}
.new-equipment .home-commodity-max li>dl>dd {max-width: 200px;}
.new-equipment .equipment-list>li>dl>dt{width: 157px; height: 157px; line-height: 153px; text-align: center;}
.new-equipment .equipment-list>li>dl>dt img{ max-width: 157px; max-height: 157px; }
.new-equipment .equipment-list .equipment-list-company{margin-top: 5px; }
/*店铺页面*/
.equipment-list{overflow: hidden;}
.equipment-list>li{ float: left;box-shadow: 0px 1px 3px rgba(0,0,0,.1);margin: 10px 15px 5px 1px; border:1px solid #ddd;}
.equipment-list>li:nth-child(4n){margin-right: 0;}
.equipment-list>li dl{padding: 20px 20px 15px; margin-bottom: 0;}
.equipment-list>li>dl>dt{width: 165px; height: 165px; text-align: center;line-height: 164px; vertical-align: middle;}
.equipment-list>li>dl>dt img{max-width: 165px; max-height:165px; vertical-align: middle; margin-bottom: 10px;}
.equipment-list>li>dl>dd{width: 157px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.equipment-list>li>dl>dd:nth-child(2n){font-size: 15px; margin: 3px 0;color: #005494;}
.equipment-list>li>dl>dd>span{display: inline;}
.company-product-search{background: #f1f1f1;padding: 10px 15px;overflow: hidden;border-radius: 3px;margin-bottom: 15px; width: 100%}
.company-product-search .form-control{max-width: 150px;}
.company-product-search .related-products{line-height: 34px;margin: 0; padding: 0; float: right;}
.company-product-search .related-products em{color: #ff7519; padding:0 5px;}