Web/Public/css/detailpage.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

*{ margin:0; padding:0;}

/* most of detail-page */
.main_info .trade .date, .main_info .trade table, .main_info .trade .infos, .main_info .trade .share, .main_info .trade .apply { margin-top:18px; }
/* truck,goods,bidding... */
.main_info { border:1px solid #DEDEDE; box-shadow:0px -2px 0px #FF6600; color:#6c6a6a; background-color:#FFF; }
.main_info .pic { overflow:hidden;width:314px; height:238px; background:white; /*测试IE7，后期删掉*/ margin:25px; border:1px solid #e4e4e4; }
/*.main_info .pic img { width:314px; height:238px; }*/

.main_info .trade { width:511px; padding:25px 30px; border-left:1px dashed #DEDEDE; border-right:1px dashed #DEDEDE; font-size:12px; }
.main_info .trade .date { position:relative; }
.main_info .trade .date i { color:#FF6600; }
.main_info .trade .date p { position:absolute; right:0; top:0; }
.main_info .trade table, .main_info .trade tr, .main_info .trade td { font-size:14px; border:1px solid #e1e1e1; }
.main_info .trade td { padding:5px 25px; }
.main_info .trade .td_l { background-color:#f7f7f7; }
.main_info .trade .share { overflow:hidden; }
.main_info .trade .apply a { display:inline-block; padding:5px 80px; font-size:16px; color:#FFF; background-color:#FF6600; border-radius:5px; }
.main_info .trade .apply a:hover { color:#FFF!important; }

.main_info .intro { width:230px; height:238px; padding:25px; }
.main_info .intro dt { text-align:center; }
.main_info .intro dt h2 { line-height:60px; }  
.main_info .intro dt img { max-height:60px; vertical-align:middle; }
.main_info .intro dt i { vertical-align:middle; } /* 添加空元素，辅助任意尺寸logo垂直居中 */
.main_info .intro dt p { padding:12px 0; color:#2a1572; }
.main_info .intro dd { padding:0px 0; font-size:12px; line-height:22px;}
.main_info .intro dd span, .main_info .intro dd i { display:inline-block; width:22px; height:22px; margin-left:5px; text-align:center; color:#FFF; border-radius:4px; }
.main_info .intro dd span { background-color:#FF6600; }
.main_info .intro dd i { background-color:#68bbef; }
.main_info .intro dd a { color:#FF6600; }

.main_goods { color:#6c6a6a; margin-bottom:20px; }
.main_goods .goods { width:940px; position:relative;  }
.main_goods .goods_title_bar { font-size: 0;  }
.main_goods .goods_title_bar span { position:relative; bottom: -1px; display: inline-block; padding:8px 30px; font-size: 18px; cursor: pointer; }
.main_goods .goods_title_bar span.active {  border:1px solid #DEDEDE; border-bottom:none; background:#FFF; box-shadow: 0 -2px #3da0e1;}
.main_goods .goods .goods_cont { padding:35px 25px; background:#FFF; border:1px solid #DEDEDE; }
.main_goods .goods_cont_bid { font-size: 16px; display: none; }
.main_goods .goods_cont_bid table { width: 100%; }
.main_goods .goods_cont_bid table th { padding: 5px 0 5px 10px; text-align: left; border-left: 2px solid #FFF; background: #f2f2f2;  }
.main_goods .goods_cont_bid table td { padding: 5px 0 5px 10px; border-left: 2px solid #FFF; }
.main_goods .record { border:1px solid #DEDEDE;background-color:#FFF;  }
.main_goods .record dl { width:230px; padding:0 15px;margin-bottom:30px;  box-shadow:0 -2px 0 #10D447; }
.main_goods .record dt { height:38px; line-height:38px; border-bottom:1px solid #DEDEDE; }
.main_goods .record dd { padding:10px 0;  font-size:12px; border-bottom:1px solid #DEDEDE; }
.main_goods .record dd p { height:20px; line-height:20px; position:relative; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.main_goods .record dd i { color:#10D447; position:absolute; right:0; }


/*news detail-page*/
.main_articlepage { margin-bottom:30px; }
.main_articlepage .contnews { width:708px; padding:30px; border:1px solid #DEDEDE; color:#828282; background:#FFF; }
.main_articlepage .contnews h2 { color:#727272; font-weight:normal; text-align:center; }
.main_articlepage .contnews .date { padding:20px 0; margin-bottom:30px; border-bottom:1px solid #DEDEDE; color:#b3b3b3; font-size:12px; text-align:center; }
.main_articlepage .contnews .content { text-indent:2em; }
.main_articlepage .contnews .content p { margin-top:10px; line-height:30px; }
.main_articlepage .contnews .content .strong { font-weight:bold; }
.main_articlepage .contnews .about { padding:30px 0; margin-top:45px; border-top:1px solid #DEDEDE; }
.main_articlepage .contnews .hot { color:#FF6600; }