﻿/* 全站通用CSS */

/*全局定义*/
*{ margin:0; padding:0;}
img{ border:0; display:inline-block; }
body{ font-size:12px; color:#000000; background:url(images/bodyBg.gif) top repeat-x; }
a:link,a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#F86600;}
ul{ list-style:none;}
li{ line-height:150%; }
.productList li{ overflow:hidden; text-align:center;}

.markerRed{color:#c00;}/*红色*/
.markerBrown{color:#c60;}/*棕色*/
.markerBlue{color:#09f;}/*蓝色*/
.markerBlack{ color:black;}/*黑色*/

.p_list_price_number{ color:#EA2828; font-weight:bold;}


.spacing,.c_spacing{    background: none;    height: 5px;    font-size: 0px;}
.clearbox{border-top: 1px solid transparent !important;margin-top: -1px !important;border-top: 0px;margin-top: 0px;height: 0px;clear: both;background: none;font-size: 0px;visibility: hidden;}/*clearbox：清除浮动，撑开边框*/

/*x-line*/
.xLine{ margin:0 1px; height:1px; overflow:hidden; background:#ccc;}

/*Logo相关定义*/
#siteLogo {
	background:url(images/logo.gif) top left no-repeat;
		width:208px;
	height:78px;
	float:left;

}
#siteLogo a {
	display:block;
	overflow:hidden;
	width:208px;
	height:78px;
	text-indent:-9999em;
	cursor: pointer;
}

/*顶部支付宝Logo定义*/
#LoginFrom1 span{ width:51px;zoom:1;text-indent:-9999em; display:inline-block;height:24px;background:url(images/aliPayLogos.gif) no-repeat 0px 0px; }
#LoginFrom1 a,#LoginFrom1 em{display:inline-block; height:24px;}
#LoginFrom1 em{font-style:normal; color:#f60;}

/*双边框*/
.content570, .rankingContent, .content229, .mallTrends dd {
	border-left: 1px solid #ccf;
	border-right: 1px solid #ccf;
}

/*FLASH样式*/
.flashWidth {
	background:url(images/FlashBg.gif) repeat-x;
	padding:2px 2px 0 2px;
	height:auto !important;
	height:252px;
	min-height:252px;
}
/*Box1 滑动门 定义*/
#Box1 .right264 dt {
	height:22px;
	background:url(images/tab1_bg.gif) repeat-x;
}
#Box1 .right264 dt li {
	width:88px;
	float:left;
	text-align:center;
	height:22px;
	line-height:22px;
	display:block;
	cursor:pointer;
}
#Box1 .right264 dt li a {
	color:#999;
}
#Box1 .right264 dt li.Con_on a {
	color:#c00;
	background: url(images/tab1_hover.gif) no-repeat;
	font-weight:bold;
	display:block;
}
#Box1 .right264 dt li a, #Box1 .right264 dt li a:link, #Box1 .right264 dt li a:hover {
	display:block;
}
.content229 {
	height:auto !important;
	height:229px;
	min-height:229px;
	padding:3px 6px 0 6px;
}
.content229 .listType1 {
	padding-top:3px;
}
.content102 {
	height:auto !important;
	height:102px;
	min-height:102px;
	background:url(images/door1_line.gif) bottom no-repeat;
}
#Con_10,#Con_11,#Con_12,#Con_13 {
	background:url(images/bg1.gif) top left no-repeat;
}
.content229 .productList {
	height:105px;
}
.content229 .productList li {
	width:65px;
	float:left;
	padding:0 9px 0 9px;
}
.content229 .pe_u_thumb img {
	border:1px solid #ccc;
	width:60px;
	height:60px;
}
.content229 .pe_u_thumb{
	width:60px;
	height:60px;
	border:1px solid #ccc;
	margin-top:13px;
}
#newSpecial .content260 .productList .pe_u_thumb{
	height:42px;
	width:45px;
	border:1px #ccc solid;
}
#itemColumn ul li .p_list_pic{
	width:80px;
	height:80px;
	border:#ccc solid 1px;
	margin-left:5px;
}
#Box3 .row2 .right212 .p_list_pic,#userComment .right212 .p_list_pic{
	width:54px;
	height:54px;
	border:1px solid #ccc;
}

/*基本布局定义*/
#top,.main,#bottom{ width:960px; margin:0 auto;}
.main{margin-top:5px;}/*各个框架上下间间距*/
.showBar{ float:right; width:773px;}
.sideBar{ float:left; width:202px;}
.right760,.right300,.right212,.right773,.right264{ float:right;}
.right773{ width:773px; }
.right760{ width:760px; }
.right300{ width:315px;}
.right264{ width:264px; }
.right212{ width:212px; }
.left536{ width:536px;}
.left500{ width:500px;}
.left400{ width:420px;}
.left200{ width:200px;}

/*顶部右边文字*/
#top .right760{ padding-top:15px;height:22px; line-height:22px;}
#top .right300{ text-align:right; }
#top .left400{ text-align:left; color:#c00;}
#top .left400 a{ color:#09f;}
.quickMenu { background:url(images/line.gif) top no-repeat;padding-top:5px;}
.quickMenu span{width:102px; background:url(images/quickMenuButton.gif) no-repeat;float:right; margin-left:5px; display:inline;}
.quickMenu a{ text-indent:25px;display:block; text-align:left;background:url(images/icon7.gif)  5px center no-repeat;}
.quickMenu a.icon1{ background:url(images/icon8.gif)  5px center no-repeat; }

/*顶部栏目标签定义*/
#navColumn{ padding:0 1px;}
#navColumn ul{ border-bottom:1px solid #7cb2ff; width:953px; overflow:hidden; padding-left:25px;}
#navColumn li{float:left; height:25px; line-height:25px; margin-top:5px;}
#navColumn li a{background:url(images/topTaboffLink_left.gif) left bottom no-repeat; padding-left:1px; margin-right:4px;  display:block;}
#navColumn li a span{ background: url(images/topTaboffLink_right.gif) right bottom no-repeat; padding:0 10px; display: inline-block;}
#navColumn li a:hover{background:url(images/topTabHoverLink_left.gif) left bottom no-repeat; padding-left:1px; margin-right:4px;  display:block; cursor:pointer;}
#navColumn li a:hover span{ background: url(images/topTabHoverLink_right.gif) right bottom no-repeat; padding:0 10px; display: inline-block; }
#navColumn  #topTabOn{height:30px; line-height:30px;margin-top:0px;}
#navColumn  #topTabOn a{ background:url(images/topTabOn_left.gif) left no-repeat; padding-left:1px; }
#navColumn  #topTabOn span{ background:url(images/topTabOn_right.gif) right no-repeat; padding:0 10px;  display: inline-block; font-size:14px; font-weight:bold; color:#fff;height:30px; line-height:30px;}
#childColumnList li {display:inline; height:27px;line-height:27px; padding-left:12px;}

#nav .xLine{ background:#ccf; }

/*顶部搜索栏表单样式定义*/
#topSearchBar{ background:url(images/topSearchBg.gif); height:33px; padding:3px 0 0 4px; }
#topSearchBar .date{ float:right; color:#FFFFFF; padding:0 25px; line-height:33px; background:url(images/icon9.gif) no-repeat  10px center;}
#topSearchBar .main_search{ height:28px; width:650px; padding-top:5px; background: url(images/topSearchBox.gif) no-repeat; padding-left:103px;border:none; }
#topSearchBar .main_search *{vertical-align:middle; margin-left:5px; }/*使搜索栏内所有selete和input垂直居中对齐*/
#topSearchBar .main_search a{ color:#fff;}
#topSearchBar .main_search select{height:20px;line-height:20px;}
#searchSortBox1{ width:100px; height:20px; margin:5px 0 0 100px; display:inline;}
#searchSortBox2{ width:140px; height:20px;  display:inline;display:inline;}
.inputText{ height:16px; width:280px; overflow:hidden; }
.inputSubmit{ width:59px; height:20px; background:url(images/searchButtonBg.gif) no-repeat; border:0;}
.state,.state li{ float:right; display:inline-block;line-height:27px; height:27px;}
.state li{ padding:0 25px;}
.state{ width:250px;}
.state .favList{ background:url(images/icon15.gif) left center no-repeat;}
.state .cart{ background:url(images/icon14.gif) left center no-repeat;}
#boardBar { line-height:27px;height:27px;border-left:1px solid #7CB2FF; border-right: 1px solid #7CB2FF; background:url(images/boardBG.gif) repeat-x; overflow:hidden;}
#boardBar .markerRed{ font-weight:bold;padding-left:25px; background:url(images/icon10.gif)  6px center no-repeat; float:left; }

/*顶部公告定义*/
#marqueebox{margin-left:100px;}
/*“最新专题”板块定义*/

#newSpecial dl{ border-right:solid 1px #cdf;border-left:solid 1px #cdf; }
#Box2 .right264 dt,#newSpecial dt{ background:url(images/title2_bg.gif) repeat-x; line-height:30px;height:35px; border-right:solid 1px #fff;border-left:solid 1px #fff;}
#newSpecial .ADList li{ height:70px;}
#newSpecial .ADList img{border:1px #ccc solid;}
#newSpecial dt span a{background:url(images/icon11.gif) no-repeat 5px; padding-left:24px;}
#newSpecial dd ul.thumb,#newSpecial dd ul.articleList{ padding:10px 15px;}

#newSpecial dt.door3{ background:url(images/title8_bg.gif) top left repeat-x; padding:0 1px; border:1px #fff solid; }
#newSpecial .door3 li{ float:left; }
#newSpecial .door3 li a{ display: block;height:35px; width:64px; background:url(images/tab6_bg.gif) top left no-repeat;text-align:center; line-height:35px;}
#newSpecial .door3 .Con3s_on a{ display: block;height:35px; width:64px; background: url(images/tab6_hover.gif) top left no-repeat;text-align:center; line-height:35px;}

#newSpecial .ADList{ border:8px solid #fff; border-bottom:none; }
.specialList{ padding:3px 8px;}
.specialList li{height:24px; line-height: 24px; overflow:hidden;}
.specialList li a{display:block; padding-left:15px; background:url(images/triangleOrange.gif) 5px center no-repeat; }

#newSpecial .content260 .productList { margin-left:-5px;}
#newSpecial .content260 .productList li{ width:50px; float:left; margin-left:12px; padding-top:5px; display:inline;line-height:130%;}
#newSpecial .content260 .productList li .pe_u_thumb_title{ height:30px; overflow:hidden; padding-top:5px;}
#newSpecial .content260 .productList img{ height:42px; width:45px; border:1px #ccc solid;}
#newSpecial .specialList li{}
.content260{height:auto !important; height:260px; min-height:260px; padding:6px;}
.content260 li span{line-height:15px; padding-top:5px;}

#newSpecial .xLine{ background:#bacfe8;}

/*至IN潮流板块定义*/
#itemColumn h4 {background:url(images/title2_bg.gif) repeat-x; line-height:30px;height:35px; border-right:solid 1px #fff;border-left:solid 1px #fff; border-right:solid 1px #cdf;border-left:solid 1px #cdf;}
#itemColumn h4 span a{background:url(images/icon6.gif) no-repeat 5px; padding-left:24px;}
#itemColumn ul{height:auto !important; height:300px; min-height:300px; border-right:solid 1px #cdf;border-left:solid 1px #cdf;}
#itemColumn ul li{ width:90px;float:left; padding-left:17px; padding-top:10px;text-align:center; }
#itemColumn ul li .p_list_price{ height:30px; line-height:30px;}
#itemColumn ul li .p_list_price_number { color:#EA2828;  font-weight:bold;}
#itemColumn ul li img { width:80px; height:80px; display: inline;}
#itemColumn ul li span{line-height:15px; padding-top:5px;}

/*Function Box定义*/	
#functionBox{ background:url(images/title10.gif) repeat-x; border-left:#ccc 1px solid;border-right:#ccc 1px solid;}
#functionBox dl {height:auto !important; height:180px; min-height:180px; float:left; width:16.4%; border-left:1px solid #ccc;}
#functionBox dt{ height:29px; line-height:29px; text-indent:24px; font-weight:bold; background: url(images/dotRed.gif) 15px center no-repeat;}
#functionBox .noBorder{ border:none;}
#functionBox li{ text-indent:24px; line-height:24px; height:24px; background: url(images/dotBlack.gif) 15px center no-repeat;}

/*bottom*/
#bottom { margin-top:10px;height:100px; background:url(images/aliStore.gif) no-repeat right 10px; }
#bottom dt{ margin-top:20px; text-align:center;  height:24px; line-height:24px;}
#bottom dd{ line-height:20px;text-align:center;}

.navigation{ height:29px; padding-left:105px; line-height:29px; background: url(images/logo_small.gif) left bottom no-repeat;}

#workcategory{padding:5px;}

.inputbutton {width: 100px;height: 24px;border: 0px;cursor: pointer;margin-top:4px;padding: 0px;background: url(Images/bg_usercenter.gif) left top repeat-x;border:1px ridge  #Ccf;}

/*栏目标题栏*/
.childListBox h2,.saleItem h2,#tips h2{ background:url(images/columnTitleBg.gif) left top no-repeat; padding-bottom:15px; text-align:right;font-size:13px; font-family: "微软雅黑", "宋体";	height:auto !important;	height:24px;min-height:24px;}
.childListBox h2 span,.saleItem h2 span,#tips h2 span{height:24px; line-height:24px;}
.childListBox h2 .columnTitle,.saleItem h2 .columnTitle,#tips h2 .columnTitle{ padding-left:36px; float:left; background:url(images/icon4.gif) 18px 6px no-repeat; display:block;}
.childListBox h2 .columnTitleInfo{ color:#ccc; font-size:12px; font-weight:normal; margin-left:12px; display:inline;}
.childListBox h2 .floatRight,.saleItem h2 .floatRight,#tips h2 .floatRight{background:url(images/columnTitleBgRight.gif) right top no-repeat; display:block; padding-right:12px; }
#tips .content{padding:10px;}
.childListBox ul{ padding:6px; overflow:hidden;}

/*评论内容板块定义*/
.bbs{float:left;width:552px;}

/*评论内容右侧内容*/
#userComment .right212 dd{
	height:auto !important;
	height:50px;
	min-height:50px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#f6f8fe;
	padding:5px 6px;
}
#Box3 .row2 .right212 dd{
	height:auto !important;
	height:421px;
	min-height:421px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#f6f8fe;
	padding:5px 6px;
}

#Box3 .row2 .right212 .xLine, #functionBox .xLine,#userComment .right212 .xLine{
	background:#ccc;
}
#Box3 .row2 .right212 dd ul,#userComment .right212 dd ul {
	padding-top:0px;
}
#Box3 .row2 .right212 dd .hotKeyword,#userComment .right212 dd .hotKeyword {
	margin-top:10px;
	height:60px;
	overflow:hidden;
}
#Box3 .row2 .right212 dd .hotKeyword a,#userComment .right212 dd .hotKeyword a {
	line-height:20px;
	color:#5384a5;
}
#Box3 .row2 .right212 .productList li,#userComment .right212 .productList li{
	clear:both;
	height:69px;
}
#Box3 .row2 .right212 .p_list_pic img,#userComment .right212 .p_list_pic img{
	width:54px;
	height:54px;
	border:1px solid #ccc;
	margin-right:3px;
}
#Box3 .row2 .right212 .p_list_pic, #Box3 .row2 .right212 .pe_u_thumb_info,
#userComment .right212 .pe_u_thumb_info,#userComment .right212 .p_list_pic{float:left;}

#Box3 .row2 .right212 .p_list_name,#userComment .right212 .p_list_name{text-align:left; }
#Box3 .row2 .right212 .Ad1 img{
	width:196px;
	height:130px;
}

#userComment .right212 h5{font-size:14px;padding-left:24px; border-bottom:dotted 2px #eee; height:28px;line-height:28px;background:url(images/icon2.gif) no-repeat 5px;}

.mallImgList li{width:160px; float:left; padding:9px;}

#LoginFrom1,#PnlLogOnStatus1{ height:24px;line-height:24px; }

#itemColumn .productList li{height:160px;}

/*设置radio按钮垂直居中*/
input[type="radio"]{vertical-align:middle;}

/*排序*/
#Asc{ background:url(images/arrUp.gif) right top no-repeat; padding-right:16px; }
#Asc a{ font-size:12px; color:#999;}
#Desc{ background:url(images/arrDown.gif) right top no-repeat; padding-right:16px;}
#Desc a{ font-size:12px;color:#999;}

.childListBox .pe_list .itemPic{ float:left;display:inline; width:160px;}
.childListBox .pe_list .p_list_botton{ text-align:right;}
.childListBox .pe_list .textInfo{ float:right; display:inline; width:570px;}
.childListBox .pe_list h3 a{ font-size:14px; font-weight:bold;}
.childListBox .pe_list li{margin-top:5px;}
.childListBox .pe_list .itemPrice,.p_class_list .itemPrice{ text-align:left; color:#c00; font-size:14px; font-weight:bold;}

.productIntro pre{word-wrap: break-word; }

#fastRegister .class_content dl{padding-left:200px;}
#fastRegister .class_content dt{font-size:14px; font-weight:bold;  line-height:30px; height:30px; background:url(images/bg2.gif) left bottom no-repeat; margin-bottom:15px;}
#fastRegister .class_content .tdbg,#fastRegister .class_content .tdbgleft{background:none; }
#fastRegister .class_content .border {border:none; }
#fastRegister .class_content .tdbgleft{ width:100px;}

#aliPayLoginBox,#bizideaLoginBox,#regBox{margin-top:10px;}
#aliPayLoginBox{background:url(images/Shop/alipayLogo.gif) no-repeat 0px 0px;}
#bizideaLoginBox{background:url(images/Shop/BizIdeaLogo.gif) no-repeat 20px 0px;}
#regBox{background:url(images/regBox.gif) no-repeat 70px 20px;}

/*jq滑动门定义*/
.proTab{
}
.proTab dt span{
	background:transparent url(images/tab6_bg.gif) no-repeat scroll left top;
	display:inline-block;
	height:35px;
	line-height:35px;
	text-align:center;
	width:64px;
}
.proTab dt span.on{
	background:transparent url(images/tab6_hover.gif) no-repeat scroll left top;
}
.proTab dd{padding:5px!important;}
.proTab dd ul { height:100%; overflow:hidden;}
.proTab dd ul li{ width:50px; float:left; margin-left:12px; padding-top:5px; display:inline;line-height:130%;}
.proTab dd ul li .pe_u_thumb_title{ height:30px; overflow:hidden; padding-top:5px;}
.proTab dd ul img{ height:42px; width:45px; border:1px #ccc solid;}