﻿/*商城页面CSS*/

#productContent .tips{ float:right; width:200px; border:#CAEEEE 1px solid;}
#productContent .tips h3{ color:#000; 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:750px; 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:242px; height:193px; padding:10px;}
.itemContent .itemPic .pic img{ width:257px; height:206px;}
.itemContent .itemPic .picList{ width:215px; height:38px;margin-left:20px; display:inline-block;}

.itemContent .itemInfo{ padding-right:15px; float:right; width:440px;}
.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 {
	float:left;
	width:105px;
	margin-left:15px;
	display:inline;
	background-image: url(images_yt/but_buy2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.buttonCol  a{
	display:block;
	background-image: url(images_yt/but_buy2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.buttonCol  a span{ display:block;  height:29px; line-height:29px; text-align:center;  font-size:13px; color:#fff; font-weight:bold;}
.buttonCol  a hover{
	display:block;
	background-image: url(images_yt/but_buy2_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.ShopTitle { border-bottom:1px solid #fff;} 
.ShopTitle ul{background:url(images_yt/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_yt/shopTabHoverRight.gif) right top no-repeat;margin-right:3px; display:inline; }
.ShopTitle .Shop_mouseover span{background:url(images_yt/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{ 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_title li{ height:18px; line-height:18px; }
.categorylist_title dl{width:204px;	}
.categorylist_title dt{
	background-image: url(images_yt/bg_title1.jpg);
	background-repeat: no-repeat;
}
.categorylist_title dt span{ line-height:22px; height:22px; display:block; padding-left:30px; font-size:13px; font-weight:bold;}





.categorylist li{ height:18px; line-height:18px;}
.categorylist dl{
	padding:1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #7CBA1F;
	border-bottom-color: #7CBA1F;
	border-left-color: #7CBA1F;
	width: 196px;
}
.categorylist dt{background:url(images/categorylistTitleBg2.gif); }
.categorylist dt span{ line-height:22px; height:22px; display:block; padding-left:30px; font-size:13px; font-weight:bold;}



.categorylist .childColList{ padding:6px 15px;}
.categorylist .childColList li{ background:url(images/dotBlack.gif) left center no-repeat; padding-left:10px;}

.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;}



.itemName,.itemPrice{height:20px;line-height:30px;overflow:hidden;text-align:center;}
.itemName{
	text-align:center;
	height:55px;
	line-height:10px;
	padding-left: 14px;
}
.pe_u_thumb_func{text-align:center; }
.childImglist { color:#ccc;  border:1px #7CBA1F solid; height:auto !important;  min-height:270px;}
.childImglist .itemPic img{ width:115px; height:93px;}
.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:115px; height:100px; border:0px 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;}

.bg_server2 {
	background-image: url(images_yt/bg_server2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
