product.css

Enterprise Template for BizIdea 2.0, with full pictures and aspx files.

/*商城页面CSS*/

#productContent .tips{ float:right; width:200px; border:#c00 1px solid;}
#productContent .tips h3{ color:#fff; font-size:13px; font-weight:bold; height:24px; line-height:24px; background: url(images/tipsBg.gif) repeat-x; padding-left:24px;}
#productContent .tips .tipsContent{ padding:6px; line-height:21px;}

.itemContent{width:547px; padding-left:15px;}
.itemContent h2{ font-size:14px; color:#666; height:28px; line-height:28px; border-bottom:#ccc 1px solid; background:url(images/icon17.gif) left center no-repeat; padding-left:18px; margin-bottom:12px;}
.itemContent .itemPic .pic{ width:257px; height:247px; background: url(images/itemImgBg.gif) left top no-repeat; padding:10px;}
.itemContent .itemPic .pic img{ width:237px; height:227px;}
.itemContent .itemPic .picList{ width:215px; height:38px;margin-left:20px; display:inline-block;}

.itemContent .itemInfo{ padding-right:15px; float:right; width:247px;}
.itemContent .itemInfo li{ line-height:24px; border-bottom:1px dotted #ccc; padding-left:5px;overflow:hidden;  height:auto !important;height:24px;height:100%;min-height:24px; }
.itemContent .itemInfo .ProductProperty li{border-bottom:none;}
.itemContent .itemInfo li ol{display:block; float:left;width:40%;}
.itemContent .itemInfo .price { line-height:30px; height:30px;}
.itemContent .itemInfo .price .priceStyle{ color:#f50; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.itemContent .itemInfo .marketPrice{ color:#000; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:line-through;}
.itemContent .itemInfo .VIPPrice{ padding-left:22px; background:url(images/iconVIP.gif) left CENTER no-repeat;}
.itemContent .itemPic .picList{ border:2px #f60 soild; padding:3px;}

.productIntro{margin-top:20px;}

/*商品多属性样式*/
.itemContent .itemInfo li .ProductProperty{display:block; float:left;width:100%;}
.ProductProperty { padding:3px;  height:100%; list-style-type:none;}
.ProductProperty li{margin-right: 5px;float:left;  height:34px;}
.ProductProperty li a{border: 1px solid #ccc;line-height: 32px;display:block;cursor:pointer;text-align:center;width: auto!important;width: 30px;min-width: 30px; padding:2px;}
.ProductProperty li a:hover {border: 1px solid #f00;text-decoration:none;}


.buttonCol { padding:10px 0; border-bottom:none;}
.buttonCol ol{ float:left; background:url(images/buttonColBgRight.gif) right top no-repeat; width:105px; margin-left:15px; display:inline;}
.buttonCol ol a{background:url(images/buttonColBgLeft.gif) left top no-repeat; display:block;}
.buttonCol ol a span{ display:block;  height:29px; line-height:29px; text-align:center;  font-size:13px; color:#fff; font-weight:bold;}

.ShopTitle { border-bottom:1px solid #fff;} 
.ShopTitle ul{background:url(images/shopTabBottom.gif) repeat-x bottom;padding-bottom:7px;height:25px; }
.ShopTitle li{float:left; background:url(images/shopTabRight.gif) right bottom no-repeat; margin-right:3px; display:inline; overflow:hidden;}
.ShopTitle li span{background:url(images/shopTabLeft.gif) left bottom no-repeat; display:block; padding:0 20px; height:25px; line-height:25px; cursor:pointer; display:inline-block;}
.ShopTitle .Shop_mouseover{background:url(images/shopTabHoverRight.gif) right top no-repeat;margin-right:3px; display:inline; }
.ShopTitle .Shop_mouseover span{background:url(images/shopTabHoverLeft.gif) left top no-repeat; display:block; padding:0 20px; height:25px; line-height:25px; cursor:pointer; color:#FFFFFF; font-weight:bold;display: inline-block;}

.showTabCon {padding:8px;height:auto !important;min-height:300px;_height:300px;}
.showTabCon { line-height:150%; background:url(images/shopTabConBg.gif) repeat-x top; border:1px solid #ccc; border-top:none; overflow: hidden;height:100%;}
.showTabCon .p_class_list li{ float:left; width:180px; text-align:center; margin-bottom:3px;overflow:hidden;}
.showTabCon .p_class_list li .pe_u_thumb{ height:120px; }
.showTabCon .p_class_list li .pe_u_thumb{height:120px;width:160px;  }

/*购物流程*/
#ProcessBox{margin-right: auto;	margin-left: auto;width:982px; background:url(images/ProcessBoxBg.gif) repeat-x;}
#ProcessNav{background:url(images/ProcessBoxBgLeft.gif) left top no-repeat;height:26px; padding-left:230px; line-height:26px; color:#603;}
#ProcessNav span{ display:block;background:url(images/ProcessBoxBgRight.gif) right top no-repeat; }

.categorylist li{ height:18px; line-height:18px;}
.categorylist dl{padding:1px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.categorylist dt{background:url(images/categorylistTitleBg2.gif) repeat-x; }
.categorylist dt span{ line-height:32px; height:32px; display:block; padding-left:24px; font-size:14px; font-weight:bold; background:url(images/icon16.gif) 8px  center no-repeat;}
.categorylist dt .title1{background:url(images/categorylistTitleBg1.gif) repeat-x; }
.categorylist dt .title1 span{ line-height:30px; height:30px;}

.categorylist .childColList{ padding:6px 20px;}
.categorylist .childColList li{ background:url(images/dotBlack.gif) left center no-repeat; padding-left:12px;}

.categorylist #trademarkBox{height:auto !important; height:55px; min-height:55px;}
.categorylist .TrademarkList li { float:left; display:block; width:81px; height:40px; padding:2px; border:1px solid #ccc; margin:3px 6px; display:inline; }
.categorylist .TrademarkList li img{ width:77px; height:36px;}

.childListBox{ border:1px #E4E4E4 solid; height:auto !important; height:270px; min-height:270px;}

.itemName,.itemPrice{height:28px;line-height:28px;overflow:hidden;text-align:center;}
.itemName{text-align:left;height:36px;line-height:36px; }
.pe_u_thumb_func{text-align:center; }
.childImglist { color:#ccc;}
.childImglist .itemPic img{ width:170px; height:170px;}
.childImglist .itemPic{ width:170px; height:170px; border:1px solid #ccc;}
.childImglist .itemPrice strong{ font-size:14px; color:#c00; font-family:Arial, Helvetica, sans-serif;}
.childImglist .price{ color:#000000;}
.childImglist .marketPrice{ font-size:10px; text-decoration:line-through;}
.childImglist .itemName a{ color:#36c;}
.childImglist .itemPic{ width:170px; height:170px; border:1px solid #ccc; }
/*子栏目图片列表*/
.childListBox .childImglist{ padding:6px;}
.childImglist li{ float:left; width:25%; text-align:center; padding:10px 0; height:24.5%;height:265px;}

/*子栏目页翻页框*/
.class_page1 { text-align:right; margin-top:5px; padding:10px;}
.class_page1 a,.class_page1 strong{ height:12px; line-height:12px;padding:5px;border:1px solid #ccc; text-align:center; display:inline-block;}
.class_page1 strong{  color:#fff; background:#95071B;}

/*父栏目翻页框*/
.class_page{text-align:center; background:#F8FCFF; height:36px; line-height:36px; border:#E9E9E9 1px solid;}


/*父栏目一列式上下循环节点*/
.parentListBox1 .childListBox ul{overflow:hidden;}
.parentListBox1 .childImglist{ float:left;display:block;width:100%;width:170px;}
.parentListBox1 .childListBox li a{font-size:13px; line-height:26px; height:26px;color:#069;padding-left:24px;  background: url(images/icon22.gif) 10px center no-repeat; margin-left:10px;}

#ProductLog {padding:0 10px; }
#ProductLog li{ width:166px;padding:3px;height:auto !important; height:180px; min-height:180px; text-align:center;display:block;}
#ProductLog img{width:166px; height:120px;border:1px solid #999; background:#fff; padding:3px;}
#ProductLog #productCompare{height:28px !important;min-height:28px; line-height:28px;text-align:right; }
#ProductLog #productCompare a{text-decoration:underline; color:#f60;}
/*购物查看图标*/
.pe_u_thumb_func span{width:40px; height:20px;display:inline-block;margin:0 5px; background: url(images/ProductButton1.gif) no-repeat; line-height:20px; padding-left:5px; }
.pe_u_thumb_func .productView{background: url(images/ProductContent2.gif) no-repeat;}

input[type="radio"]{vertical-align:middle;}
#RadlPayPlatform label{vertical-align:middle;}

.p_class_list2 li{float:left;}