﻿@charset "utf-8";
/* CSS Document */

.imgCategoryTop { margin-top: 10px; margin-bottom: 10px; width: 1180px; }
.imgCategory { width: 972px; margin-bottom: 10px; }
#topGroupBuy img { width: 1180px; }
@media screen and (max-width:1200px) 
{
    .imgCategoryTop { width: 980px; }
    .imgCategory { width: 772px; }
    #topGroupBuy img { width: 980px; }
}

/*商品筛选*/
.classSelectT { background: #ffeee2; border: 1px solid #FFE0CE; border-left: 3px solid #f60; font-size: 14px; color: #666; padding: 6px 8px; overflow:hidden;}
.classSelectT div { float: right; }
.classSelectC { border: 1px solid #FFE0CE; border-top: none; margin-bottom: 5px; }

.selectRow { overflow:hidden; border-bottom:1px dashed #CBCBC9; height:100%}
.selectRow:last-child { border: 0; }
.selectT { width:80px; float:left; padding:8px 5px; text-align:right;}
.selectC { width:880px; float:right;}
.selectC ul li { float: left; padding: 8px 5px; }
.selectC ul li span { background-color: #f60; color: #fff; padding: 2px 5px; border-radius: 3px; }
.selectC ul li a { padding: 2px 5px;}
.selectC ul li a:hover { background-color: #f60; color: #fff; border-radius: 3px; text-decoration: none; }

#divViewMore {padding:10px; border:1px solid #FFCC66; background-color:#FFFFCC; margin-top:5px; text-align:center; font-size:14px;}
@media screen and (max-width:1200px)
{ 
	.selectC { width:680px;}
}

/*分类热门商品*/
.bestBox { padding:1px; border:1px solid #FFE0CE; margin-bottom:8px;}
.classBest { }
.bestTitle { font-size:14px; padding:8px 0 5px 20px; background:url(../images/apNext.gif) no-repeat left center;}
.bestContent { width:100%; overflow:hidden; padding:8px 0;}

/*listPdtBox*/
.listPdtBox { border: 1px solid white; padding-top: 7px; padding-bottom: 7px; margin-left: 10px; margin-right: 10px; *margin-left: 3px; *margin-right: 3px; }
.listPdtBox:hover { border: 1px solid #FFE0CE; -webkit-box-shadow: 0px 0px 10px #FFE0CE; -moz-box-shadow: 0px 0px 10px #FFE0CE; box-shadow: 0px 0px 10px #FFE0CE; }
.picShow { width: 200px; height:220px; margin: auto; position: relative; }
.picShow a img { width: 200px; height: 220px; margin: auto; }
.watermark { position: absolute; right: 3px; top: 3px; }
.watermark img { width:35px; height:35px; }

@media screen and (max-width:1200px) {
	.listPdtBox { padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 5px; }
	.listPdtBox:hover { box-shadow: 0px 0px 5px #FFE0CE; }
	.picShow { width: 170px; height:187px; }
	.picShow a img { width: 170px; height: 187px; }
	.watermark img { width: 35px; height: 35px; }
}

/*分类热门商品*/
.gvTableTop4 { margin:auto;}
.gvTableTop4 td { padding:10px 0 5px 0; width:25%; overflow:hidden; text-align:center; vertical-align:top;}
.gvTableTop4 dl { width:204px; margin:0 auto; overflow:hidden; padding:0;}
.gvTableTop4 dt { padding:5px 0 2px 0; text-align:center;}
.gvTableTop4 dd { line-height:18px; text-align:center;}
.gvTableTop4 dd strong { color:#f60;}
.gvTableTop4 .pdtDescn { color:#FF0000; height:20px; overflow:hidden;}
@media screen and (max-width:1200px)
{ 
	.gvTableTop4 dl { width:174px;}
}

/*分类页产品展示标题栏*/
.listTitle { background: #f2f2f2; border: 1px solid #e6e6e6; border-left: 3px solid #f60; overflow: hidden; }
.listName { float: left; font-size: 14px; padding: 8px 12px; }
.listName h1 { font-size:15px;}
.listName h1 a { color:#333; text-decoration:none;}
.ListMenu { float:right; width:430px; overflow:hidden;}
.ListMenu ul { float:right; overflow:hidden;}
.ListMenu ul li { float:left;}
.list-sort li { width: 45px; margin-top:9px; font-size:14px; }
.list-sort, .list-sort span { color: #f90; }
.ListMenu .list-pager { margin-top: 4px; }
.list-pager li{ width: 115px; text-align: right; padding-top: 3px; padding-right: 6px; display: block; }
.listContent { border: 1px solid #e6e6e6; border-top: none; padding: 10px 16px; }
.icon-sort-desc { width: 13px; height: 8px; background-position: -212px -14px; }
.icon-sort-desc-light { width: 13px; height: 8px; background-position: -193px -14px; }
.icon-sort-asc { width: 13px; height: 8px; background-position: -154px -14px; }
.icon-sort-asc-light { width: 13px; height: 8px; background-position: -173px -14px; }

.list-total { font-size: 12px !important; margin-left:5px; }
.list-btn-box { float: right; padding: 7px 12px;}
.list-pager-box { float: right; padding: 7px 12px; }

/*分类页产品展示表格*/
.gvTable { margin: auto; }
.gvTable td { padding:10px 0px; border-bottom:1px dashed #E8E8E8; width:25%; overflow:hidden; text-align:center; vertical-align:top;}
.gvTable dl { width:204px; margin:0 auto; padding:0;}
.gvTable dt { padding-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.gvTable dd { line-height:18px; text-align:center; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.gvTable dd strong { color:#f60;}
.gvTable .pdtDescn { height: 18px; overflow: hidden; color: #999; }

.listTable { margin:auto;}
.listTable td { padding:10px 0px; border-bottom:1px dashed #E8E8E8; overflow:hidden;}
.listTable .listCell0 { width:209px; padding-left: 5px;}

@media screen and (max-width:1200px)
{ 
	.listContent { padding:8px 5px;}
	.gvTable dl { width:174px;}
	.listTable .listCell0 { width:179px;}
} 

.listStyle2 { padding:3px 5px 3px 18px;}
.listStyle2 dt { margin-bottom:10px; border-bottom:dashed 1px #eee; padding-bottom:10px;}
.listStyle2 dt a { font-size:14px;}
.listStyle2 .group div{ float:left;}
.listStyle2 .group .group_count { width:200px;}
.listStyle2 .group .group_go {  width:150px; text-align:right;}
.listStyle2 .group .group_gift {  width:150px; padding-top:15px; margin-left:15px;}


/*底部送礼指南*/
#divArticle { width: 1180px; margin: auto; }
.catArticleT { font-size: 14px; padding-left: 10px; margin-top: 10px; border: 1px solid #e6e6e6; background: #f3f3f3; font-weight: bold; padding: 6px 8px; }
.catArticleC { border: 1px solid #e6e6e6; border-top: none; padding: 8px 0; }
.catArticleC ul { padding: 5px; overflow: hidden; clear: both; display: block; }
.catArticleC li { margin: 3px 0; width: 275px; float: left; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catArticleC li strong { font-weight: normal; }
.catArticleC li a:before { content: '\2022'; margin-right: 3px; display: inline-block; }

#divOccasionIntroBottom { width: 1180px; margin: auto; }
#divIntroBottom { padding-left: 10px; padding-right: 10px; }
#divIntroBottom p { display:block; margin: 6px auto; }

#lblOccIntroTop p { display:block; margin: 6px auto; }

#divCatIntroBottom { width: 1140px; margin: auto; border: 1px solid #e6e6e6; padding: 10px 20px; margin-top: 10px; }
#divCatIntroBottom p { display:block; margin: 6px auto; }
#divCatIntroBottom a { color: #999; }
#divCatIntroBottom a:hover { color: #f90; text-decoration: none; }

@media screen and (max-width:1200px) {
    #divArticle { width: 980px; }
    .catArticleC li { width: 225px; }
    #divOccasionIntroBottom { width: 980px; }
    #divCatIntroBottom { width: 960px; }
}

/*搜索页，404, AllCategory，AllPersonality, AllOccasion*/
.itemList-box { border: solid 5px #eeeeee; margin: auto; margin-top: 5px; overflow: hidden; padding-bottom: 10px; }
.itemList dl { padding: 0; margin: 10px 0 0 10px; width: 150px; }
.itemList dt { font-size: 14px; font-weight: bold; color: #ff893b; font-weight: bold; }
.itemList dt a { font-size: 14px; font-weight: bold; color: #ff893b; font-weight: bold; }
.itemList dd a { text-decoration: none; font-weight: normal; padding: 8px 2px; }
.itemList dd a:before { content: '\2022'; margin-right: 3px; display: inline-block; }
.itemList .allOccasionList { margin-left: 220px; }
.itemList .allcategory {width: 680px; margin: auto;}
.itemList .allcategory dl { padding: 0; margin: 10px 0 0 10px; float:left; width: 125px; line-height:22px; }


/*搜索页*/
.searchBox { width: 972px; float: right; overflow: hidden; }
.searchTitle { background: #ffeee2; border: 1px solid #e6e6e6; border-left: 3px solid #f60; overflow: hidden; }
.searchTitle .ListMenu { width: 120px; }
.searchResult { float: left; font-size: 14px; padding: 8px; }
.searchResult span { color: #FF0000; }

@media screen and (max-width:1200px) {
	.searchBox { width: 772px; }
} 