/**
 * 小商品首页
 * @version 1.0.20120615
 * @author daniel.xud
 * !!cmd:compress=true
 */

@import url(//static-src.alicdn.com/css/app/operation/commodity/module/hot-rank/hot-rank.css);

/* common */
.w952 { width:990px; margin:0 auto;}
html { color: #888; }
dd.price span.value { color: #c00; font-family: Arial; }
span.fd-cny { padding-right: 2px; color: #999; font-size: 12px; font-weight: 700; }
span.num { font-family: tahoma; color: #888; font-weight: 700; }
a.gray:link,
a.gray:visited { color: #666;}
.loading { background: url("//cbu01.alicdn.com/images/cn/home/loading.gif") no-repeat 50% 50%}
.mod .cell-header { height: 26px; line-height: 26px; padding: 0 9px; color: #444; background: #f4f4f4; }
.mod .cell-header a.cell-header-more { float: right; margin-top: 5px; height: 16px; line-height: 16px; font-weight: bold; padding-right: 8px; }
.mod .cell-header a.cell-header-more:link,
.mod .cell-header a.cell-header-more:visited { color: #333; }
.mod { margin-bottom: 10px; overflow: hidden; }
/*.col-240 .mod { border: 1px solid #e8e8e8;}*/

li.last-col{ padding-right: 0 !important; margin-right: 0 !important; border-right: 0 !important;}
li.last-row{ border-bottom: none !important; }
li.first-col{ padding-left: 0 !important; margin-left: 0 !important; }

/* 产品列表公用样式 */
.product-list dd { line-height: 20px; }
.product-list .product-title a:link,
.product-list .product-title a:visited { color: #323232; }
.product-list .product-price { color: #888; }
.product-list .product-price .fd-cny,
.product-list .product-price strong { color: #c00; font-weight: 700; }
.product-list .product-price strong { font-size: 18px; font-family: Arial; }
.product-list .product-sale { color: #888; }
.product-list .price .value { font-size: 18px; font-weight: 700; }

/* background image */
.mod-rank dt em,
.mod-cat .cat-viewall a,
.mod-cat .cat-content .cat-box h4,
.mod-cat .icon,
.mod-specials .scroll .left,
.mod-specials .scroll .right,
.mod-cat .sub-category .sub-more span.icon,
.section .header a.more-circle span.icon,
.mod-sub-slider .slider-trigger li,
.mod-product-list dd.smal,
.mod-recom-list .list-item dt
{ background-image: url(//cbu01.alicdn.com/cms/upload/2012/107/183/381701_1625054590.png); background-repeat: no-repeat; }
.mod-cat .cat-title .f-tab-t, 
.mod-cat .cat-title .cat-title-fix,
.mod-cat .cat-title-container { background: url(//cbu01.alicdn.com/cms/upload/commodity/home/img/nav.png) repeat-y; }

/* 类目 */
.mod-cat { background-color: #D53115; height: 617px; overflow: visible; z-index: 1000; }
.mod-cat .cat-title { float: left; width: 26px; background: #fff; border-right: 1px solid #d53115; position: relative; }
.mod-cat .cat-title .f-tab-t { width: 14px; padding: 12px 5px; margin-bottom: 2px; line-height: 16px; border-left: 2px solid #d53115; color: #fff; cursor: pointer; overflow: hidden; }
.mod-cat .cat-title .current { width: 15px; padding: 11px 5px; margin-right: -1px; color: #d53213; font-weight: bold; font-size: 14px; background: #fff; border-bottom: 1px solid #d53115; border-top: 1px solid #d53115;  position: relative; }
.mod-cat .cat-content { background-color: #fff; float: right; width: 172px; height: 588px; border: 1px solid #d53115; border-width: 1px 1px 0 0; }
.mod-cat .cat-content .f-tab-b { width: 172px; height: 588px; }
.mod-cat .cat-content .cat-box { float: left; position: relative; height: 97px; width: 172px; border-bottom: 1px solid #ececec; z-index: 0; }
.mod-cat .cat-content li.current { margin-top: -1px; border-top: 1px solid #d53115; border-bottom: 1px solid #d53115; z-index: 1;}
.mod-cat .cat-content .cat-1st { margin-top: -1px; border-top: 1px solid #d53115; }

.mod-cat .cat-content .main-item { background-color: #fff; width: 166px; height: 81px; padding: 8px 0 8px 6px; _padding: 8px 0 7px 6px; }
.mod-cat .cat-content li.current .main-item { position: relative; z-index: 999; background-color: #f7f7f7; }
.mod-cat .cat-content .main-item ul{ height: 62px; width: 166px; overflow: hidden; }
.mod-cat .cat-content .main-item h4 { height: 16px; line-height: 16px; margin: 0 0 7px; _margin: 0 0 4px; font-size: 14px; color: #64534c; background-position: 58px -339px; }
.mod-cat .cat-content .main-item li { float: left; width: 55px; height: 20px; line-height: 20px; overflow: hidden; }
.mod-cat .cat-content .cat-box a:link,
.mod-cat .cat-content .cat-box a:visited { color: #444; }

.mod-cat .sub-category { display: none; position: absolute; top: 0; left: 171px; margin-top: -1px; background-color: #fff; width: 649px; border: 1px solid #d53115;/* border-left: none;*/ overflow: hidden; z-index: 3; }
.mod-cat .current .sub-category { display: block; background-color: #f7f7f7; }

.mod-cat .sub-category .sub-left, .mod-cat .sub-category .sub-right{ margin-bottom: -999px; padding-bottom: 999px; }
.mod-cat .sub-category .sub-left{ float: left; display: inline; width: 328px; overflow: hidden; }
.mod-cat .sub-category .sub-right{ float: left; background-color: #e9e9e9; width: 320px; border-left: 1px dotted #d3d3d3; overflow: hidden; }
.mod-cat .sub-category li.sub-cat-box { width: 312px; padding: 14px 0; border-bottom: 1px dotted #d3d3d3; overflow: hidden; }
.mod-cat .sub-category .sub-left li.sub-cat-box { margin: 0 8px; }
.mod-cat .sub-category .sub-right li.sub-cat-box { margin: 0 4px; }

.mod-cat .sub-category .sub-cat-box h5{ float: left; width: 56px; padding: 4px 4px; }
.mod-cat .sub-category .sub-cat-box h5 a{ color: #d33313 !important; font-weight: 700; }
.mod-cat .sub-category .sub-cat-box ul{ float: left; width: 248px; overflow: hidden; }
.mod-cat .sub-category .sub-cat-box li{ float: left; height: 26px; line-height: 26px; width: 74px; padding: 0 4px; overflow: hidden; }

.mod-cat .sub-category .sub-more { margin: 12px auto; padding: 10px 12px; width: 198px; height: 34px; background-color: #d53115; border-radius: 2px; -moz-border-radius: 2px; }
.mod-cat .sub-category .sub-more h5 { float: left; padding: 0; width: 133px; color: #fff; font-weight: 700; }
.mod-cat .sub-category .sub-more p { color: #fff; }
.mod-cat .sub-category .sub-more a{ float: left; position: relative; width: 50px; padding-right: 15px; color: #fff !important; }
.mod-cat .sub-category .sub-more a:hover { color: #ff7300; }
.mod-cat .sub-category .sub-more span.icon{ position: absolute; top: 0; right: 0; background-position: -31px -180px; height: 15px; width: 15px; }

.mod-cat .cat-viewall { float: left; display: inline; background-color: #fff; margin-left: 27px; width: 172px; _width: 171px; height: 27px; line-height: 27px; border-bottom: 1px solid #d53115; border-right: 1px solid #d53115; }
.mod-cat .cat-viewall a { display: inline-block; width: 135px; _width: 134px; padding-left: 38px; background-position: 146px -174px; }
.mod-cat .cat-viewall a:link,
.mod-cat .cat-viewall a:visited { color: #d53115; }

/* 主轮播 */
.mod-mainslider { position: relative; z-index: 0; }
.mod-mainslider,
.mod-mainslider .slider-container,
.mod-mainslider .slider-pic li { width: 530px; height: 280px; }
.mod-mainslider {
	overflow: visible;
}
.mod-mainslider .slider-container,
.mod-mainslider .slider-pic li {
	overflow: hidden;
}
.mod-mainslider .slider-trigger { position: absolute; z-index: 1; right: 8px; bottom: 8px; height: 20px; }
.mod-mainslider .slider-trigger li { width: 20px; height: 20px; float: left; margin-left: 3px; display: inline; background: #fff; border-radius: 4px; color: #FBA534; cursor: pointer; text-align: center; line-height: 20px; font-weight: bold; opacity: 0.6; filter: alpha(opacity=60); }
.mod-mainslider .slider-trigger li.current { opacity: 1; filter: alpha(opacity=100); }

/* 今日特价 */
.mod-specials .cell-header { margin-bottom: 7px; border-top: 2px solid #aca39a; }
.mod-specials .cell-header h3{ float: left; }
.mod-specials .content{ height: 300px; width: 530px; overflow: hidden; }
.mod-specials li { width: 170px; height: 294px; float: left; padding-right: 10px; }
.mod-specials dd { height: 18px; padding-left:18px; overflow: hidden; }
.mod-specials .product-original-price { color: #888; }
.mod-specials .product-title { margin-top: 14px; }
.mod-specials .product-sale { margin-top: 4px; }
.mod-specials .scroll{ padding-top: 8px; }
.mod-specials .scroll .left, .mod-specials .scroll .right{ float: left; height: 13px; width: 13px; margin-right: 4px; display: inline; cursor: pointer; }
.mod-specials .scroll .left{ background-position: -2px -2px; }
.mod-specials .scroll .right{ background-position: -32px -2px; }
.mod-specials .scroll .left:hover{ background-position: -62px -2px !important; }
.mod-specials .scroll .right:hover{ background-position: -92px -2px !important; }

/*特价tab*/
.mod-special-tab .header{
	height: 28px;
	overflow: hidden;
	border-left: 1px solid #ddd;
}
.mod-special-tab .header li{
	float: left;
	width: 131px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ddd;
	border-width: 1px 1px 1px 0;
	background: #f6f6f6;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.mod-special-tab .header li.last{
	width: 132px;
}
.mod-special-tab .header li.current{
	height: 25px;
	line-height: 24px;
	border-top: 3px solid #8f857d;
	border-bottom: 0 none;
	background: #fff;
}
.mod-special-tab .content{ height: 299px; width: 528px; overflow: hidden; border: 1px solid #ddd; border-width: 0 1px 1px; }
.mod-special-tab .list-top li { float: left; padding: 10px 0; width: 263px; height: 100px; border: 1px solid #f5f3f0; overflow:hidden; }
.mod-special-tab .list-bottom li { float:left; padding: 10px 16px 0; width: 99px; height: 168px; border: 1px solid #f5f3f0; overflow:hidden; }
.mod-special-tab .list-top li.item-1st { border-width: 0 1px 1px 0; }
.mod-special-tab .list-top li.item-2nd { border-width: 0 0 1px 0; }
.mod-special-tab .list-bottom li.item-3rd { border-width: 0 1px 0 0; }
.mod-special-tab .list-bottom li.item-4th { border-width: 0 1px 0 0; }
.mod-special-tab .list-bottom li.item-5th { border-width: 0 1px 0 0; }
.mod-special-tab .list-bottom li.item-6th { border-width: 0; }
.mod-special-tab .list-product dt { width: 100px; height: 100px; }
.mod-special-tab .list-product dd.price { font-family: Arial; color: #c00; font-weight: 700; }
.mod-special-tab .list-product .old-price { float: left; padding-right: 4px; height: 13px; _height: 12px; line-height: 12px; background-color: #f5f1ec; border: 1px solid #827870; }
.mod-special-tab .list-product .old-price span { float: left; }
.mod-special-tab .list-product .old-price span.title { height: 13px; width: 31px; background-color: #827870; text-align: center; color: #fff; }
.mod-special-tab .list-product .old-price span.value { color: #827870; text-decoration: line-through; }
.mod-special-tab .list-product .old-price span.fd-cny { padding-left: 4px; }
.mod-special-tab .list-top dt { display: inline; margin: 0 20px 0 16px; }
.mod-special-tab .list-top dd.description { padding-top: 10px; height: 18px; }
.mod-special-tab .list-top dd.price { height: 28px; line-height: 28px; font-size: 18px; }
.mod-special-tab .list-top dd.company { 
	margin-top: 6px; 
	height: 18px; 
	overflow: hidden;  
}
.mod-special-tab .list-top dd.company a{
	color: #888;
}
.mod-special-tab .brand .list-top dd.description { padding-top: 2px; }
.mod-special-tab .brand .list-top dd.company{
	margin-top: 0;
}
.mod-special-tab .list-top dd.brand-img a.a-img{
	border: 1px solid #ddd;
}
.mod-special-tab .list-product .tag { float: left; padding-right: 4px; height: 13px; _height: 12px; line-height: 12px; background-color: #827870; border: 1px solid #827870; overflow: hidden; white-space: nowrap; color: #fff; }
.mod-special-tab .list-bottom dd.description { padding-top: 5px; height: 18px;}
.mod-special-tab .list-bottom dd.price { height: 22px; line-height: 22px; font-size: 12px; }
.mod-special-tab span.num { color: #c00; }

/* 新品推荐 */
.mod-newrec { height: 201px; border: 1px solid #e8e8e8; }
.mod-newrec li,
.mod-rank li { width: 224px; height: 80px; padding-left: 14px; float: left; }
.mod-newrec dt,
.mod-rank dt { float: left; width: 80px; height: 80px; overflow: hidden; }
.mod-newrec dd,
.mod-rank dd { width: 120px; height: 20px; float: left; padding-left: 9px; overflow: hidden; }
.mod-newrec .product-title,
.mod-rank .product-title { margin-top: 11px; }
.mod-newrec li { padding-top: 5px; }


/* 一周热销榜 */
.mod-rank { height: 326px; border: 1px solid #e8e8e8; }
.mod-rank li { padding-top: 16px; }
.mod-rank dt { position: relative;}
.mod-rank dt em { position: absolute; left: 0; top: 0; display: block; width: 12px; height: 12px; }
.mod-rank dt .rank1 { background-position: -31px -61px; }
.mod-rank dt .rank2 { background-position: -61px -61px; }
.mod-rank dt .rank3 { background-position: -91px -61px; }
.mod-rank .rank-title { height: 32px;}
.mod-rank .rank-price .fd-cny,
.mod-rank .rank-price strong { color: #ce0106;}
.mod-rank .rank-price,
.mod-rank .rank-sale { color: #989898;}

/* header start */
.section{ margin-bottom: 30px; }
.section .header{ margin-bottom: 10px; padding: 0 6px; height: 30px; line-height: 30px; border-top-width: 2px; border-top-style: solid; }
.section .header h3.title{ float:left; width: 194px; font-size: 16px; font-weight: 600; }
.section .header h3.title span.floor{ padding-right: 6px; font-family: Arial; }
.section .header .hot-list{ float: left; }
.section .header .hot-list h5{ float: left; }
.section .header .hot-list ul{ float: left; }
.section .header li{ display: inline; color: #dfdfdf; }
.section .header li a{ height: 12px; padding: 0 10px; }
.section .header a.more-circle{ position: relative; padding-right: 18px; font-weight: 700; zoom: 1; }
.section .header a.more-circle span.icon{ position: absolute; right: 0; top: 0; width: 18px; height: 18px; *top: 6px; _top: 8px; }

.section-3c .header{ border-top-color: #5e639a; background-color: #efeef6; }
.section-3c .header h3.title, .section-3c .hot-list h5, .section-3c .header li a, .section-3c a.more-circle{ color: #606398; }
.section-3c .header a.more-circle span.icon{ background-position: -60px -181px; }

.section-car .header{ border-top-color: #b48073; background-color: #f9ece6; }
.section-car .header h3.title, .section-car .hot-list h5, .section-car .header li a, .section-car a.more-circle{ color: #a56655; }
.section-car .header a.more-circle span.icon { background-position: -90px -181px; }

.section-acc .header{ border-top-color: #b76d90; background-color: #fbecf3; }
.section-acc .header h3.title, .section-acc .hot-list h5, .section-acc .header li a, .section-acc a.more-circle{ color: #ac6585; }
.section-acc .header a.more-circle span.icon{ background-position: 0 -211px; }

.section-gift .header{ border-top-color: #8592bc; background-color: #eff3ff; }
.section-gift .header h3.title, .section-gift .hot-list h5, .section-gift .header li a, .section-gift a.more-circle{ color: #6576aa; }
.section-gift .header a.more-circle span.icon{ background-position: -30px -211px; }

.section-toy .header{ border-top-color: #c0915b; background-color: #fff6ed; }
.section-toy .header h3.title, .section-toy .hot-list h5, .section-toy .header li a, .section-toy a.more-circle{ color: #a27d49; }
.section-toy .header a.more-circle span.icon{ background-position: -60px -211px; }

.section-office .header{ border-top-color: #80acab; background-color: #ecfefe; }
.section-office .header h3.title, .section-office .hot-list h5, .section-office .header li a, .section-office a.more-circle{ color: #5e9695; }
.section-office .header a.more-circle span.icon{ background-position: -90px -211px; }

.section-daily .header{ border-top-color: #96667e; background-color: #fbe7f2; }
.section-daily .header h3.title, .section-daily .hot-list h5, .section-daily .header li a, .section-daily a.more-circle{ color: #7c4763; }
.section-daily .header a.more-circle span.icon{ background-position: -60px -241px; }
/* header end */

/* gallery */
.mod-gallery{ margin-top: -2px; padding-top: 2px; height: 264px; overflow: hidden; }
.mod-gallery li{ position: relative; float: left; padding: 0 0 2px 2px; width: 64px; height: 64px; z-index: 0; }
.mod-gallery li .intro{ display: none; position: absolute; padding-left: 4px; width: 62px; height: 68px; z-index: 2; overflow: hidden; font-size: 12px; }
.mod-gallery li .intro-r{ left: 66px; top: -2px; }
.mod-gallery li .intro-l{ left: -66px; top: -2px; }
.mod-gallery li .wrap{ display: none; position: absolute; left: 0; top: -2px; width: 64px; height: 64px; z-index: -1; }
.mod-gallery li.current{ z-index: 2; }
.mod-gallery li.current .intro, .mod-gallery li.current .wrap{ display: block; }
.mod-gallery li h5{ margin-top: 4px; height: 24px; line-height: 24px; color: #fff; font-weight: 700; overflow: hidden; }
.mod-gallery li p{ line-height: 16px; height: 32px; overflow: hidden; color: #fff; }
.mod-gallery li img{ width: 64px; height: 64px; z-index: 1; }

.section-acc .mod-gallery li .intro{ background-color: #c586a3; }
.section-acc .mod-gallery li .wrap{ border: 2px solid #c586a3; }

.section-gift .mod-gallery li .intro{ background-color: #92a0c7; }
.section-gift .mod-gallery li .wrap{ border: 2px solid #92a0c7; }

/* 次轮播 */
.mod-sub-slider { position: relative; }
.mod-sub-slider,
.mod-sub-slider .slider-container,
.mod-sub-slider .slider-pic li.f-tab-b { width: 200px; height: 264px; overflow: hidden; }
.mod-sub-slider .slider-pic li { float: left; }
.mod-sub-slider .slider-trigger { position: absolute; z-index: 3; right: 7px; top: 4px; height: 8px; overflow: hidden; }
.mod-sub-slider .slider-trigger li { background-position: -90px -120px; width: 8px; height: 8px; float: left; margin-left: 6px; display: inline; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.mod-sub-slider .slider-trigger li.current { opacity: 1; filter: alpha(opacity=100); color: #FE8000; }
.mod-sub-slider a:hover{ text-decoration: none !important; }

.mod-sub-slider ul.list-four li{ display: inline; width: 99px; height: 131px; }
.mod-sub-slider ul.list-four span.description{ display: inline-block; width: 99px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; }
.mod-sub-slider ul.list-four li.item-1st, .mod-sub-slider ul.list-four li.item-2nd{ margin-bottom: 2px; }
.mod-sub-slider ul.list-four li.item-1st, .mod-sub-slider ul.list-four li.item-3rd{ margin-right: 2px; }
.mod-sub-slider ul.mask-container .mask{ display: block !important; }
.mod-sub-slider ul.list-four .mask{ display: none; position: absolute; width: 99px; height: 131px; background:#000; opacity:.3; filter:Alpha(opacity = 30); z-index:1; cursor: pointer; }
.mod-sub-slider ul.list-four a:hover .mask{ background:#000; opacity: 0; filter:Alpha(opacity = 0); }
.mod-sub-slider ul.list-four li.item-1st .mask{ top: 0; left: 0; }
.mod-sub-slider ul.list-four li.item-2nd .mask{ top: 0; left: 101px; }
.mod-sub-slider ul.list-four li.item-3rd .mask{ top: 133px; left: 0; }
.mod-sub-slider ul.list-four li.item-4th .mask{ top: 133px; left: 101px; }
.mod-sub-slider ul.list-four li img { width: 99px; height: 111px; }

.section-3c .mod-sub-slider ul.list-four span.description{ background-color: #9fa3c7; }
.section-car .mod-sub-slider ul.list-four span.description{ background-color: #bf9d94; }
.section-toy .mod-sub-slider ul.list-four span.description{ background-color: #d5a56b; }
.section-office .mod-sub-slider ul.list-four span.description{ background-color: #9ec9c9; }

.mod-sub-slider ul.list-six li{ display: inline; width: 97px; height: 87px; margin: 0 1px 1px 0; }
.mod-sub-slider ul.list-six div.intro{ display: none; position: absolute; width: 97px; height: 87px; z-index: 2; cursor: pointer; }
.mod-sub-slider ul.list-six li.current div.intro{ display: block; }
.mod-sub-slider ul.list-six h5{ margin: 16px 0 0 17px; width: 64px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; font-weight: 700; }
.mod-sub-slider ul.list-six p{ margin-left: 17px; line-height: 18px; width: 64px; color: #fff; }
.mod-sub-slider ul.list-six div.mask-layer{ display: none; position: absolute; width: 97px; height: 87px; z-index: 1; }
.mod-sub-slider ul.list-six li.current div.mask-layer{ display: block; background:#000; opacity: .7; filter:Alpha(opacity = 70); }
.mod-sub-slider ul.list-six li.item-1st div.intro		{ left: 0; top: 0; }
.mod-sub-slider ul.list-six li.item-1st div.mask-layer	{ left: 0; top: 0; }
.mod-sub-slider ul.list-six li.item-2nd div.intro		{ left: 98px; top: 0; }
.mod-sub-slider ul.list-six li.item-2nd div.mask-layer	{ left: 98px; top: 0; }
.mod-sub-slider ul.list-six li.item-3rd div.intro		{ left: 0; top: 88px; }
.mod-sub-slider ul.list-six li.item-3rd div.mask-layer	{ left: 0; top: 88px; }
.mod-sub-slider ul.list-six li.item-4th div.intro		{ left: 98px; top: 88px; }
.mod-sub-slider ul.list-six li.item-4th div.mask-layer	{ left: 98px; top: 88px; }
.mod-sub-slider ul.list-six li.item-5th div.intro		{ left: 0; top: 176px; }
.mod-sub-slider ul.list-six li.item-5th div.mask-layer	{ left: 0; top: 176px; }
.mod-sub-slider ul.list-six li.item-6th div.intro		{ left: 98px; top: 176px; }
.mod-sub-slider ul.list-six li.item-6th div.mask-layer	{ left: 98px; top: 176px; }
.mod-sub-slider ul.list-six li img{ width: 97px; height: 87px; }

/* product-list */
.mod-product-list{ padding: 0 1px; width: 528px; height: 170px; overflow: hidden; }
.mod-product-list li{ padding: 0 16px; }
.mod-product-list dl{ width: 100px; padding-bottom: 6px; overflow: hidden; }
.mod-product-list dt{ margin-bottom: 6px; width: 100px; height: 100px; }
.mod-product-list dd{ color: #888; }
.mod-product-list dd.description { height: 18px; overflow: hidden; }
.mod-product-list dd.description a{ color: #333; }
.mod-product-list dd.price{ height: 22px; line-height: 24px; color: #ce0205; }
.mod-product-list dd.price span.cost{ font-size: 18px; font-weight: 700; font-family: Arial;  }
.mod-product-list dd.price span.value{ font-size: 18px; font-weight: 700; font-family: Arial;  }
.mod-product-list dd.price span.unit{ color: #888; font-size: 12px; font-weight: 300; }
.mod-product-list dd.price .fd-cny{ font-weight: 700; }
.mod-product-list dd.smal{ background-position: -60px -150px; height: 18px; font-size: 0; }

/* recommend middle */
.mod-recom-mid{ width: 530px; height: 82px; border-bottom: 1px solid #f0eff6; border-top: 1px solid #f0eff6; overflow: hidden; }
.mod-recom-mid li{ float: left; display: inline; margin: 6px 0; padding: 0 4px 0 5px; width: 170px; height: 70px; border-right: 1px solid #f0eff6; }
.mod-recom-mid li img { width: 170px; height: 70px; }

/* recommend right */
.mod-recom-right { height: 264px; width: 240px; overflow: hidden; }
.mod-recom-right li{ float: left; display: inline; width: 240px; height: 80px; overflow: hidden; margin-bottom: 12px; }
.mod-recom-right li.list-3rd{ padding-bottom: 2px !important; }

/* recommend tab */
.mod-recom-tab{ position: relative; padding-top: 10px; border-right: 1px solid #e2e2e2; }
.mod-recom-tab .f-tab-b{ width: 237px; height: 120px; overflow: hidden; }
.mod-recom-tab .f-slider-trigger{ position: absolute; width: 30px; height: 10px; right: 10px; top: 20px; }
.mod-recom-tab .f-tab-t{ float: left; width: 10px; height: 10px; cursor: pointer; background-color: #f00; }

/* recommend company */
.mod-recom-com{ padding: 10px 0 2px 0; border-right: 1px solid #e2e2e2; }
.mod-recom-com li{ width: 237px; height: 43px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.mod-recom-com h5{ color: #666; height: 20px; line-height: 20px; }
.mod-recom-com p{ color: #999; height: 20px; line-height: 20px; }

/* recommend list */
.mod-recom-list{ padding: 14px 0; margin-top: 22px; border-bottom: 1px solid #f0eff6; border-top: 1px solid #f0eff6; }
.mod-recom-list .list-item{ float: left; width: 164px; height: 40px; padding: 0 6px; overflow: hidden; }
.mod-recom-list .list-item dt{ float: left; width: 40px; height: 40px; text-align: center; font-weight: 700; }
.mod-recom-list .list-item dt a{ color: #fff; }
.mod-recom-list .list-item dt span.eng{ display: inline-block; height: 12px; line-height: 12px; width: 40px; overflow: hidden; font-size: 10px; font-family: Tahoma, Arial; }
.mod-recom-list .list-item dt span.zh{ display: inline-block; height: 16px; line-height: 14px; width: 40px; overflow: hidden; }
.mod-recom-list .list-item dd{ float: left; width: 124px; height: 19px; overflow: hidden; }
.mod-recom-list .list-item li{ float: left; padding-left: 6px; color: #666; word-spacing: nowrap; }

.section-acc .mod-recom-list .list-item dt{ background-position: -60px -290px; }
.section-gift .mod-recom-list .list-item dt{ background-position: 0 -290px; }
.section-acc .mod-recom-list dd a { color: #C586A3; }
.section-gift .mod-recom-list dd a { color: #6476AB; }

.section-acc .mod-recom-list a:hover span.eng{ color: #f4c2d9; }
.section-acc .mod-recom-list a:hover span.zh{ color: #fbd8e8; }
.section-gift .mod-recom-list a:hover span.eng{ color: #c9d5f7; }
.section-gift .mod-recom-list a:hover span.zh{ color: #dfe6fa; }

/* min recommend active */
.mod-active-min{ margin-top: 28px; height: 64px; border-bottom: 1px solid #f0eff6; border-top: 1px solid #f0eff6; overflow: hidden; }
.mod-active-min li{ float: left; display: inline; width: 92px; height: 54px; margin: 5px 6px; border-right: 1px solid #e6e6e6; }
.mod-active-min .vertical-img{ height: 36px; width: 92px; overflow: hidden; }
.mod-active-min p{ width: 92px; height: 18px; overflow: hidden; text-align: center; color: #666; }

/* 日用百货  */
.section-daily .mod-product-list { height: 264px; padding: 0; }
.section-daily .mod-product-list ul.list-product { padding: 4px 0; }
.section-daily .mod-product-list ul.list-product li { float: left; display: inline; margin: 0 1px; padding: 14px 15px 0; width: 100px; height: 246px; }
.section-daily .mod-product-list ul.list-product li.current { background-color: #f5f5f5; }
.section-daily .mod-product-list dl{ width: 100px; }
.section-daily .mod-product-list dt{ margin-bottom: 10px; width: 100px; height: 100px; }
.section-daily .mod-product-list dd.description { height: 40px; line-height: 20px; }
.section-daily .mod-product-list dd.description a{ color: #333; }
.section-daily .mod-product-list dd.price{ margin: 8px 0; height: 18px; line-height: 18px; font-size: 18px; font-weight: 700; }
.section-daily .mod-product-list dd.sold-out span.num { color: #888; font-weight: 700; }
.section-daily .mod-product-list dd.icon{ background-image: none; float: left; margin-top: 8px; padding: 0 4px; height: 16px; line-height: 14px; *line-height: 18px; _line-height: 14px; background-color: #827870; color: #fff; }

/*大画廊@2013.1*/
.mod-big-gallery{
	border: 1px solid #9f9288;
	border-top-width: 4px;
	margin-bottom: 20px;
	background: #fff8f2;
}
.mod-big-gallery li{
	float: left;
	height: 280px;
	border-right: 1px dashed #9f9288;
}
.mod-big-gallery .w198{
	width: 198px;
}
.mod-big-gallery .w351{
	width: 351px;
}
.mod-big-gallery .w238{
	width: 238px;
}
.mod-big-gallery .a-img{
	display: block;
}
