@charset "utf-8";
/****************************
CSS Document
WeiSite : http://www.www.com.cn 网站名称
Useing : search Style(产品页样式)
Author : sty
Passed : XHtml 1.0, CSS 2.0, IE6.0+, IE7.0+, FF2.0+, Opera9.26+
Update : 2015-05-18
********************
/*面包屑*/
.breadcrumb{}
.breadcrumb li{ display:inline;}
.breadcrumb .divider{padding:0 5px; color:#b3b3b3;}
.breadcrumb li.active{color:#c40001}

/*container*/
#container{ width:1200px; margin:20px auto;}
.adbrand{height:146px; margin-right:-10px;}
.adbrand li{ width:392px; height:146px; float:left; margin-right:10px;}
#container .layout{ position:relative; margin:20px 0;}
#container .layout h2{height:26px; margin-bottom:10px; text-indent:-9999px;}
#container .layout h2.xxsp{ background:url(images/1f.png) no-repeat 0 0; }
#container .layout h2.cyct{ background:url(images/2f.png) no-repeat 0 0;}
#container .layout h2.mj{ background:url(images/3f.png) no-repeat 0 0;}
#container .layout h2.ly{ background:url(images/4f.png) no-repeat 0 0;}
#container .layout h2.shyp{ background:url(images/5f.png) no-repeat 0 0;}
#container .layout h3{ font-weight:normal; font-size:12px; display:inline; position:absolute; top:0; left:30%; line-height:26px;}
#container .layout h3 a{margin-right:10px; border-right:1px #747475 solid; padding-right:10px;}
#container .layout .more{ position:absolute; right:5px; top:0; line-height:26px;}
#container .layout .more i{ vertical-align:middle}
.layout .layoutCon{ height:367px; width:100%;}
.layout .layoutCon div{ float:left;}
.layout .layout-left{ width:244px; height:367px; overflow:hidden;}
.layout .layout-right{ width:707px; height:367px; overflow:hidden; border-top:1px #e7e7e7 solid}
.layout .layout-right a{ display:block; border-right:1px #e7e7e7 solid;overflow:hidden; background:#fff; float:left; border-bottom:1px #e7e7e7 solid; }
.layout .ad1{width:431px; height:182px;}
.layout .ad2{width:274px; height:182px;}
.layout .ad3{width:215px; height:182px;}
.layout .product{ width:245px; height:365px; border:1px #e7e7e7 solid; border-left:none; background:#fff;}

/*产品*/
.producthot{ float:left;width:208px; border:1px #e7e7e7 solid; background:#fff; border-top: 2px solid #c40000; margin-bottom:13px;}
.productCon{float:right;width:970px;}
.producthot h2,.detailMain-left .tlsp p,.detailTab-title,.pDetail-comment h2{ border-bottom:1px #e7e7e7 solid; padding-left:10px; background:#fafafa; font-size:14px; line-height: 40px; color: #737373; font-weight: bold;}
.producthot .product{ width:175px; margin:20px auto}
.producthot .productImg{ width:175px; height:175px; display:block; margin-bottom:5px;}
.producthot .productPrice{font-size:14px;}
.producthot .productPrice em{margin-right:10px; color: #ff5b00;  font-family: "Microsoft YaHei";  font-size: 18px;}

.producthot .productPrice span{ text-decoration:line-through; color:#b6b4b4}

.productList{ padding:10px 0; margin-right:-20px;}
.productList .product{ float:left; margin: 0 18px 35px 0; cursor:pointer; width:227px; border: 1px #e7e7e7 solid; padding-bottom: 10px; position:relative;}

/*商品详细页*/
.detail{ margin:20px 0;}
.detail .productImg{ float:left; width:462px; overflow:hidden;  }
.detail .productImg-big{margin-bottom:15px; border:1px #e7e7e7 solid; text-align:center; background:#fff; width:460px; height:460px; overflow:hidden;}
.detail .productImg-small{margin-right:-11px; }
.detail .productImg-small li{ float:left; margin-right:11px; border:1px #e7e7e7 solid; padding:2px;}
.detail .productImg-small li.selected{
	border:1px #c40000 solid;
}
.detail .productImg-small li a{width:77px; display:block; height:77px; overflow:hidden;}
.detail .productImg-small li a img{width:100%;}

.detailContent{ float:right; width:718px; min-height:430px; padding:10px 0; padding-bottom: 20px; border: 1px #e7e7e7 solid; background:#fff;}
.detailContent h2{ font-size:22px; font-family:Microsoft Yahei; font-weight:500; color: #242323;}
.detailContent h2,.detailContent h3{padding-left:20px; line-height:36px;}
.detailContent h3{font-size:12px; font-weight:normal;color: #666;margin-top: -7px;}
.detailContent .detailPrice{ background:#f6f6f5 url(images/detail_content_bg.jpg) no-repeat 0 0; padding:5px 30px;  margin-bottom: 15px; height: 131px;background-size: 100% 100%;}
.detailContent .detailPrice li{height: 45px; line-height: 45px;}
.detailContent .detailPrice li span{margin-right:20px;color: #6c6c6c;font-size: 14px;}
.detailContent .detailPrice li em{color: #fe6301; font-weight:bold;font-size: 13px;}
.detailContent .detailPrice li.detailPrice-pf em{ font-size:24px; font-family: "Arial"; font-weight:500;}
.detailContent .detailPrice li.detailPrice-ps select{margin-right:10px;}
.detailContent .detailPrice li.detailPrice-yf em{font-size:14px; font-weight:normal}
.detailContent .detailPrice li.detailPrice-cx a{ margin:0 10px; vertical-align:middle; margin-top:-10px;}
.detailContent .detailPrice li.detailPrice-cx del, .detailContent .detailPrice li.detailPrice-cx em{
	font-size:20px;
	font-family:"Arial";
	font-weight:bold;
	color:#c40000;
}
.detailContent .detailPrice li.detailPrice-cx del{
	color:#999;
	font-weight:normal;
	margin:0px 15px;
}
.detailAttrs,.detailAmount,.detailBuy,.detialOther{ padding: 0px 30px;}
.detail-title{float:left;width:60px;}
.detailAttrs ul{ float:left; width:570px; margin-bottom: 2px;}
.detailAttrs p{  line-height:38px;   font-size: 14px;  color: #6c6c6c;}
.detailAttrs ul li{ font-weight:normal; height: 35px; min-width: 30px; float: left; margin-right: 12px; margin-bottom: 10px;}
.detailAttrs ul li a{ display: block; padding: 0px 10px; border:1px #ccc solid; height: 33px; line-height: 33px;}
.detailAttrs ul li a:hover{ border:1px #c40001 solid; color:#333; text-decoration:none;}
.detailAttrs ul .selected a{border: 1px #c40001 solid; color:#333; }
.detailAttrs ul .selected{ position:relative;}
.detailAttrs ul .selected i{ background:url(images/check_ico.png) no-repeat 0 -28px; display: inline-block; width:12px; height:12px; position:absolute; bottom: 0px; right:0;text-indent: -99em; *bottom:0;}
.detailAttrs ul .disable a,.detailAttrs ul .disable a:hover{ border:1px dashed #D6D6D8; color:#ccc; cursor:not-allowed;}

.detailAmount{margin:10px 0 20px 0;}
.detailAmount p{ float:left; font-size: 14px; color: #6c6c6c; vertical-align: middle; display: inline-block; line-height: 37px;}
.detailAmount .detailAmount-title{ width:60px;}
.detailAmount em{color:#c40001; font-weight:bold}
.count{margin-right:10px;}
.countInput{width: 100px; height: 35px; border:1px #d7d7d7 solid; float:left; padding-left:5px;text-align: center;}
.count a{ display: inline-block; height: 35px; width: 35px; border:1px #d7d7d7 solid; overflow:hidden; text-align:center; float:left; line-height: 35px; cursor:pointer; background: #f2f2f2;}
.count a:hover{ text-decoration:none; background:#f2f2f2;}
.count a.reduce{border-right:0;}
.count a.add{border-left:0;}

.detailBuy a{ display:inline-block; width:170px; height:45px; color:#fff; text-align:center; line-height:45px; font-size:18px; margin-right:20px; font-family:Microsoft Yahei; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.detailBuy a:hover{color:#fff; text-decoration:none;}
.detailBuy .btn-gw{ background:#c91423;}
.detailBuy .btn-cart{ background:#fe6301;}
.detailBuy .btn-dctb{ background:#666666;}
.detailBuy .btn-cart i{margin-right:10px;}

.detialOther{margin-top:20px;}
.detialOther li{margin-bottom:10px;}
.detailCr span{margin-right:15px; line-height:22px; display:inline-block}
.detailCr span i{width:20px; height:20px; margin-right:2px; vertical-align:top; margin-right:2px;}

.detailMain-left{ float:left;width:208px;}
.detailMain-left .tlsp{border:1px #e7e7e7 solid; margin-bottom:20px;}
.detailMain-left .tlsp p{padding-left:0;}
.detailMain-left .tlsp p span{padding:10px 20px 10px 15px; background:#fff; border-top:2px #c40001 solid; border-bottom:3px #fff solid;border-right:1px #e7e7e7 solid;}
.detailMain-left .tlsp ul{ background:#fff; padding:10px 0;}
.detailMain-left .tlsp ul li{ float:left; font-size:14px; *width:50%;}
.detailMain-left .tlsp ul li a{ padding:0 15px; line-height:30px;}

.detailTab{ float:right;width:970px;}
.detailTab-title{padding-left:0;border: 1px #dedede solid; margin-bottom: 10px; height:40px;background: #efefef;}
.detailTab-title li{ float:left;}
.detailTab-title li a{ text-align:center; line-height:40px; padding:10px 20px 10px 20px; border-right: 1px #dedede solid; font-weight:bold}
.detailTab-title li a.current{ background:#f7f7f7 ;border-top:2px #c40001 solid;border-bottom:3px #f7f7f7 solid; color:#c40001}
.detailTab-title li a:hover{ text-decoration:none;}



/*商品详情子页面*/
.pDetail-list{ background: #fafafa; padding: 20px 110px 10px; width: auto; margin: auto; margin-bottom: 10px; border: 1px solid #e7e7e7;}
.pDetail-list p{margin-bottom:5px; border-bottom:1px #fff solid; padding-bottom:5px;}
.pDetail-list  li{ float:left; width: 249px; color:#666; line-height:24px;} 
.pDetail-comment{border:1px #e7e7e7 solid; background:#fff;}
.pDetail-comment ul.commentlist{padding:0 10px;}
.pDetail-comment ul.commentlist li{ border-bottom:1px #e7e7e7 dotted; margin:20px 0; padding-bottom:15px;}
.commentImg{ float:left;width:75px;}
.commentImg p{ text-align:center; margin-bottom:5px;}
.userImg{width:74px; height:74px; border:1px #cdd3d5 solid}
.userImg img{width:100%;}
.commentCon{ float:right;width:855px;}
.commentCon-state{border:1px #e7e7e7 solid; background:#f7f7f7; position:relative; padding:4px 10px 2px 10px; margin-bottom:5px;}
.commentCon-state .time{ position:absolute; right:10px;}
.commentCon-txt{font-size:14px; line-height:24px; margin-bottom:10px;}
.commentCon-info{font-size:12px; color:#989898}
.commentCon-info span{margin-right:10px;}
.pDetail-comment .page{ margin:20px 10px;}
.detailMain-left .tlsp p{padding-left:0;}


/*店捷宝  担保*/
.ui-djbDB{
	width:auto;
	height:44px;
	margin-left:-2px;
	margin-right:-2px;
	background:url(upload/djb.jpg) 37px center no-repeat #c91423;
}
.ui-djbDB p{
	width:auto;
	line-height:44px;
	color:#fff;
	font-size:14px;
	font-family:"宋体";
	margin-left:175px;
}
.ui-dengjiBox{
	min-width:30px;
	height:20px;
	line-height:20px;
	padding:0px 5px;
	text-align:center;
	border:1px solid #c40000;
	color:#c40000;
	display:inline-block;
}

/* show_bigImg  box */
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.jqzoom{cursor: crosshair;}

.ui-tipBox{
	color:#333;
}
.ui-tipBox h2{
	font-weight:bold;
	display:block;
	color:#333;
}
.ui-tipBox a{
	text-decoration:underline;
	color:#009dd9;
}
.pDetail-con{
	width:750px;
	/* float:left; */
	margin: auto;
	/* margin-right:10px; */
	background: #f7f7f7;
}
.ui-dpbox{
	width:auto;
	padding:10px 5px;
	text-align:center;
}
.ui-dpbox h3{
	color:#444;
	margin-bottom:7px;
}
.ui-dpbox p{
	padding-left:25px;
	text-align:left;
	color:#666;
	line-height:24px;
}
.ui-dpbox a.btnGet{
	display:inline-block;
	min-width:30px;
	height:25px;
	line-height:25px;
	padding:0px 10px;
	text-align:center;
	color:#fff;
	margin:10px auto 0;
	background:#cb2121;
	border-radius:2px;
}

/*一键分销 到淘宝*/
.ui-fxMainBox{
	width:890px;
	min-height:630px;
	display:block;
	margin:auto;
	background:#fff;
	border:1px solid #dedede;
}
.ui-fxMainBox h2{
	width:auto;
	height:40px;
	line-height:40px;
	display:block;
	font-size:18px;
	text-align:center;
	color:#3d3d3d;
	font-weight:bold;
	background:#fafafa;
	border-bottom:1px solid #cacaca;
}
.ui-fxMainBox2{width:250px; min-height:10px;position: absolute;top: -5px;left: 0px; border:1px solid #dedede;}
.ui-fxMainBox2 h2{ border:none; background:#dedede}
.ui-fxMainBox2 table{
	border:none;
}
.ui-thsibox3{
	width:auto;
	min-height: 40px;
	padding: 0px 10px 0px;
	margin-top: 20px;
}
.ui-thsibox3 div.tit{
	width: 100px;
	float:left;
	height:40;
	line-height:40px;
	text-align:right;
	margin-right: 20px;
}

.ui-thsibox3 div.count{
	min-height:40px;
	min-width:50px;
	float:left;
}
.ui-thsibox3 div.count span{
	width:560px;
	min-height:80px;
	background:#fafafa;
	display:block;
	border:1px solid #cacaca;
	vertical-align:middle;
	padding:10px 20px;
}
.ui-thsibox3 div.count  p{
	width:auto;
	display:block;
	padding:0px;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin-left:10px;
	color:#666;
}
.ui-thsibox3 div.count input{
	margin:0px 3px;
	vertical-align:middle;
}
.ui-thsibox3 div.count span p input.ui-otherI{
	height:25px;
	line-height:25px\9;
	border:1px solid #dedede;
	padding-left:5px;
	background:#fff;
}
.ui-thsibox3 div.count select{
	width:100px;
	height:25px;
	line-height:25px\9;
	border:1px solid #dedede;
	padding-left:5px;
	background:#fff;
	vertical-align:middle;
}
.ui-thsibox3 div.last{
	width:100px;
	height:40px;
	float:left;
	margin-top: 50px;
}
.ui-thsibox3 div.last a{
	min-width:30px;
	padding:0px 10px;
	text-align:center;
	height:30px;
	line-height:30px;
	background:url(images/btn_bg_fx.gif) repeat-x;
	background-size:100% 100%;
	display:block;
}
.ui-tableBox{
	width:auto;
	height:160px;
	overflow:auto;
	margin:10px 30px;
}
.ui-tableBox input{
	width:80%;
	height:25px;
	line-height:25px\9;
	border:1px solid #dedede;
	padding-left:5px;
	border:none;
	vertical-align:middle;
}
.ui-bottomBox p{
	text-align:center;
	padding:4px 0;
	font-size:14px;
	color:#666;
}


/*shoppingcart*/
.cartTop {margin-bottom: 20px;border-bottom:2px #e6e6e6 solid;}
.cartTop .breadcrumb { float:right}
.cartTop-all {float:left; font-size:16px; font-weight:600; padding-bottom:10px;}
.cartTop-all em {color: #c40001; padding: 0 5px;}

.productGrid {	margin-bottom: 20px;border:1px #e7e7e7 solid; border-bottom:none;}
.productGrid th,.productGrid td{ padding:0 10px;}
.productGrid th{text-align: center;line-height:40px;font-weight: normal;font-size:14px; background:#fafafa; border-bottom:1px #e7e7e7 solid;}
.productGrid td {text-align: center; padding-top:15px; padding-bottom:15px; border-bottom: 1px #e7e7e7 solid;background:#fff;}
.productGrid tr.current td,.productGrid tr:hover td{background:#fefced;}/*点击后背景颜色变色*/
.productGrid em{ color:#c40001; font-weight:bold; font-size:14px;}
.productGrid th.checkbox,.productGrid td.checkbox{ width:50px; padding:0 0 0 10px;*width:55px; font-size:12px;}
.productGrid td.checkbox{ text-align:left; width:30px;}
.productGrid .product{ width:300px;}
.productGrid .product .productImg {border: 1px #e7e7e7 solid;width: 85px;height: 85px;overflow: hidden;display: block;float: left;margin-right: 10px; background:#fff;}
.productGrid .product .productTitle {float:left;overflow: hidden;text-overflow: ellipsis; width:200px; text-align:left; margin-bottom:5px;}
.productGrid .product p {color:#898989;}
.productGrid .count{margin:0 auto; width:95px;}
.productGrid td.operate a{color:#e06218}


.cartBar {height: 48px ;border: 1px #e7e7e7 solid;background: #fafafa; font-size:14px;}
.cartBar-operate {float: left;line-height: 50px; *width:760px;}
.cartBar-operate a {margin-left: 20px; float:left;}
.cartBar-operate a:hover{color:#ff5500;}
.cartBar-operate .check {margin-left: 10px; float:left;}
.cartBar-operate input, .cartBar-operate label {vertical-align: middle;}
.settle {float: right;line-height: 50px;}
.settle span {margin-right: 20px; float:left; display:block;}
.settle span strong, .settle span em {color: #c40001; padding: 0 5px;}
.settle span em{ font-size:20px; font-weight:bold; line-height:30px;}
.settle a{	text-align: center;font-size: 20px;	font-family: Microsoft Yahei;
	letter-spacing: 8px;	padding-left: 8px;	height: 36px;	width: 100px; float:right;
	display:block;	border-left: 1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid; margin:5px 0; line-height:36px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.settle a.settle-btn {background: #eee;color: #aaa;}/*没有选择商品时结算按钮状态*/
.settle a.settle-btn-sel {	background: #c40001;	color: #fff;}/*选择商品时结算按钮状态*/
.settle a.settle-btn:hover {text-decoration: none;}

/*公告详情*/
/*文章列表*/
.articleCon{width:905px; float:left;}
.articleList li{ padding:15px 15px 15px 40px; border:1px #e7e7e7 solid; background:#fff; position:relative; margin-bottom:20px;}
.articleList li:hover{
	background:#f9f9f9;
}
.articleList li  h2 , .articleList li  h2 a{ font-size:14px; line-height:40px; font-family:"宋体"; color:#706f6f; font-weight:bold}
.articleList li p{ line-height: 21px;}
.articleList li p em{ color:#c40001;}
.articleList li p.attribute{color:#f4af83; width: 100%;margin-top: 5px;}
.articleList li p.attribute span{margin:0 5px;}
.ui-addmany{
	width:auto;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size:15px;
	color:#706f6f;
	margin:10px auto;
	background:#eae9e9;
}
.ui-addmany img{
	height: 20px;
	vertical-align: top;
	margin-top: 5px;
	margin-left:-5px;
}
.articleRecommend{ width:273px; float:right;}
.articleRecommend .box{margin-bottom:20px; border:1px #e7e7e7 solid;}
.articleRecommend  h3{ font-weight:normal; position:relative; line-height:30px; border-bottom:1px #e7e7e7 solid; background:#fff; padding-left:10px; font-size:14px;}
.articleRecommend .notice h3 i{ background:url(images/notice.png) no-repeat 0 0; width:56px; display:inline-block; vertical-align:middle; height:20px; margin-left:10px;} 
.articleRecommend .information h3 i{ background:url(images/information.png) no-repeat 0 0; width:101px; display:inline-block; vertical-align:middle; height:20px; margin-left:10px;}
.articleRecommend .help h3 i{ background:url(images/help.png) no-repeat 0 1px; width:56px; display:inline-block; vertical-align:middle; height:20px; margin-left:10px;}
.articleRecommend  h3 a.more{ position:absolute; right:10px; color:#adadaf; top:0; font-size:12px;}
.articleRecommend  h3 a.more:hover{color:#c40001}
.articleRecommend ul{ background:#fff; padding:5px 10px; vertical-align:middle}
.articleRecommend ul li{margin: 12px 0;}
.articleRecommend ul  i{ display: inline; background:#dedede; color:#797575; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:10px; text-align:center; padding:1px 4px; font-style:normal;}
.articleRecommend ul  i.red{ background:#fe6301; color:#fff;}
.articleCon .breadcrumb{ border-bottom:1px #d7d7d7 solid; padding-bottom:5px;}
.articleWrap{padding:30px 0 0 0;}
.articleWrap h2{font-family: "宋体"; font-size:22px; font-weight: bold; margin-bottom:20px; text-align:center;color: #706f6f;}
.articleWrap .subtitle{ text-align:center}
.articleWrap .subtitle span{margin:0 10px;}
.articleWrap .article{margin:30px 0;}
.articleWrap .abstract {border: 1px #d7d7d7 solid;padding: 10px;background: #fff;margin: 20px 0;color: #666;}
.articleWrap p{ text-indent:2em; line-height:24px; color: #666;}
.relevance a{color:#fe8301}
.relevance a:hover{ text-decoration:underline}
.relevance .prev{ float:left;}
.relevance .next{ float:right;}

/*订单成功*/
.ui-success{
	min-height:400px;
}
.ui-success h1{
	width:400px;
	padding:15px; 
	font-size:50px;
	height:125px;
	line-height:135px;
	display:block;
	color:#ff5300;
	margin:auto;
	padding-left:120px;
	position:relative;
	background:url(images/success.gif) left center no-repeat;
}
.ui-success h1 u{
	display: block;
	font-size:12px;
	position:absolute;
	width: 120px;
	bottom: -38px;
	color:#4e4e4d;
	right: 15px;
}
.ui-successBox{
	width:1000px;
	margin:30px auto;
	border:1px solid #bcbcbc;
}
.ui-successBox .ui-successTit{
	height:40px;
	line-height:40px;
	background:#f2f2f2;
	border-bottom:1px solid #bcbcbc;
}
.ui-successBox .ui-successDel dd span , .ui-successBox .ui-successTit span{
	color:#4e4e4d;
	font-size:14px;
	display:inline-block;
	min-width:195px;
	text-align:left;
	margin-left:95px;
	font-family:"Microsoft YaHei";
}
.ui-successBox .ui-successDel{
	
}
.ui-successBox .ui-successDel dd{
	height:40px;
	line-height:40px;
}

.ui-success .boxBtn{
	width:1000px;
	text-align:center;
	margin:50px auto 80px;
	color:#ff5300;
	font-size:14px;
}
.ui-success .boxBtn a{
	color:#ff5300;
	font-family:"Microsoft YaHei"
}
.ui-success .boxBtn a.ui-btn2{
	padding:0px 20px;
	letter-spacing:3px;
	font-size:20px;
	display:inline-block;
	vertical-align:bottom;
	margin-right:5px;
	height:40px;
	color:#fff;
	line-height:40px;
}