﻿/*------------------------------------------------- @declare -----------------------------------------------*/
.main_w{margin-top:10px;}
.col{float:left;}
.aside_ia{width:125px;float:left;}
.content_i{width:605px;float:left;margin: 0 20px 0 0;}
.content_i .col{width:605px;}
.indexfix{ background:#f4f4f4; overflow:visible; float:none; display:block;}
.indexCate{width:590px;margin: 0 0px 0 0;padding-left:15px; background:#fff;padding-top:6px;}

.aside_ib{width:210px;float:left;padding-top:6px;}
.Bold{font-weight:bold;}
.content_wx{float:left;width:730px;margin-right:20px;overflow:hidden;}

.asideNav dt,.asideNav li.item,.asideNav li.item .list li,.asideNav li.item em
{ background-image:url(http://si1.s1.dpfile.com/s/css/img/c.index.86d103f1f01400b28cd5157a64abd0c8.png);background-repeat:no-repeat;}
.MoreL, .MoreL span{ background-image:url(http://si1.s1.dpfile.com/s/css/img/g.comm.eee12393a4b58f46cf264938a413976c.png);background-repeat:no-repeat;}

.quickc{margin:0px 0px 10px 0px;text-align:center;}
.quick{margin:0px 0px 10px 0px; /*gc*/text-align:center;/*gc*/}
.iaddshoppromo, .irookieguide{background-image:url(http://si1.s1.dpfile.com/s/css/img/indexbuttons.5aa200d69eb75e23a09de40560d7e574.png);background-repeat:no-repeat;display:inline-block;width:99px;height:32px;}
.iaddshoppromo{margin-right:3px;background-position:0px -1px;}
.irookieguide{background-position:0px -32px;}

.hotcity dd ul:after, .fastSearch div:after,.indexfix:after
{content:"\0020"; display:block; height:0; clear:both}
.hotcity dd ul,.indexfix
{zoom:1}
.MoreL, .MoreL span {background-image:url(img/g.comm.v201212101514.png);background-repeat:no-repeat;}

.shopCate table{width:100%;}
/*------------------------------------------------- @component ------------------------------------------------*/

/*------------------------------------------------- @module -----------------------------------------------*/

/* tagBox */
.shopCate{border:0px;}
.tagBox h3{color:#c00;font-weight:bold;margin-bottom:5px;}
.tagBox div.box{padding:5px;}
.tagBox div.box ul li{float:left;margin-right:10px;margin-bottom:4px;white-space:nowrap;}
.tagBox .tag_more_link{clear:both;display:block;float:left;}
.shopCate dl dd {padding-left:10px;}
.shopCate dl{padding-left:5px;}
.shopCate dt{font-weight:bold;}
.content_i .shopCate dl{margin-bottom:0px;}
/* listBox */
dl.listBox{ border-bottom:1px solid #ccc; font-size:13px; padding:0px 0px 16px 0px; margin-bottom:14px;position:relative;}
dl.listBox a{font-size:13px;}

.listBox dt{ color:#c00; font-weight:bold; padding-bottom:4px; zoom:1; overflow:hidden;}
.listBox dd ul li{margin:0px 0px 2px 0px;}
.listBox dd ul.relateFood li{margin:0px 0px 6px 0px;}
.listBox .MoreL{ background-position:0 -813px;font-size:12px;padding:1px 0  0 5px; cursor:pointer;position:absolute;top:-3px;right:0px;float:right;}
.listBox .MoreL span{background-position:right -864px;font-size:12px;color:#ff6633;height:22px;line-height:21px;overflow:hidden;  padding-right:5px;float:left;}
.listBox dt span{font-weight:normal;}

/*------------------------------------------------- @app -----------------------------------------------*/


/* hotcity */
.hotcity{ padding:5px 5px 0px 5px;}
.hotcity dt{width:60px;}
.hotcity dt,.hotcity dd{ float:left;}
.hotcity dd{ width:870px;}
.hotcity dd ul li{ float:left; display:inline; width:34px; line-height:1.6;}
.hotcity dd ul li.m{width:48px;}
.hotcity dd ul li.w{width:58px;}
.hotcity dd ul li a, .hotcity dd ul li a:visited{ color:#999;}
.hotcity dd ul li a:hover{ color:#fff;background:#999;}

/* hotlinks */
.hotlinks{background:#fff;margin-bottom:10px;border-bottom:1px solid #ddd;}
.hotlinks h1{color:#c00;float:left;margin-right:15px;margin-bottom:0px;font-size:14.8px;}
.hotlinks span{color:#c00;font-weight:bold;font-size:14.8px;}

/* remark */
.remark{clear:both;padding:15px 0px 0px 15px;}
.remark h2{color:#CC0000;font-size:14px;font-weight:bold;margin-bottom:10px;position:relative;}
.remark .contList .contList-avatar img{border:1px solid #CCCCCC;}
.remark .MoreL {background-position:0 -813px;cursor:pointer;float:right;font-size:13px;padding:1px 0 0 5px;position:absolute;right:0;top:-3px;}
.remark .MoreL span {background-position:right -864px;color:#FF6633;float:left;font-size:12px;height:22px;line-height:21px;overflow:hidden;padding-right:5px;font-weight:normal;}

/* group */
.groupBox{padding:18px 0px 0px 0px;border-top:1px solid #BCBCBC;margin-top:18px;}
.groupBox .Title{padding:2px 0px 2px 4px;font-weight:bold;font-size:14px;color:#CC0000;}
.groupBox .gdl {float:left;margin:10px 0 4px;text-align:center;width:98px;padding:0px 1px;}
.groupBox .gdl dt {height:50px;}
.groupBox .gdl dd {font-size:13px;height:50px;margin:0;overflow:hidden;padding:3px 0 0;text-align:center;}
.groupBox .gdl .gLogo{border: 1px solid #ccc;}


/* asideNav */
.asideNav{ position:relative; z-index:1; zoom:1;background:#f4f4f4;}
.asideNav dt
{ padding:5px 10px;}
.asideNav dt strong{ color:#c00;}
.asideNav dd{ padding: 0 0 0px;}

.asideNav li.item{padding:6px 0 7px; border-bottom:1px solid #ccc; margin:0 2px;border:1px solid #f4f4f4; background-position:0 -49px; zoom:1;}
.asideNav li.item-on,.asideNav li.item:hover
{ border:1px solid #ccc; background:#fff; margin:0; padding:6px 2px 7px;position:relative; }

.asideNav li.item em{ padding-left:25px; font-weight:bold; font-style:normal;}
.asideNav li.item em a{ *position:relative; *top:1px;}

.asideNav li.item .list{ position:absolute; left:-9999px; visibility:hidden; width:200px; background:#fff; border:1px solid;border-color:#ccc #999 #999 #ccc; padding:0 10px 0px 20px; z-index:20;}
.asideNav li.item-on .list,.asideNav li.item:hover .list
{ left:92px;padding-top:13px; top:-1px; visibility:visible;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}


.asideNav li.item .list li{ float:left; width:90px; display:inline; margin-bottom:7px; padding-left:10px; background-position:0 -109px;position:relative; z-index:3;}
.asideNav li.item .list li.first{  left:-30px;padding-left:40px;padding-top:13px; margin-top:-13px; margin-right:-30px;background-color:#fff;background-position:30px -96px;z-index:2;}
.asideNav li.item .list li a{position:relative; top:-5px;}


.asideNav li.photoAD{margin:5px 0px 5px 0px;}
.asideNav li.photoAD img{margin:0px 0px 0px 0px;}

#food{background-position:8px -142px;}
#life{background-position:8px -180px;}
#shopping{background-position:8px -218px;}
#beauty{background-position:8px -256px;}
#wedding{background-position:8px -294px;}
#baby{background-position:8px -332px;}
#sports{background-position:8px -370px;}
#hotel{background-position:8px -408px;}
#car{background-position:8px -447px;}
#other{background-position:8px -484px;}

/* fastSearch */
.fastSearch{ background:#efefef; padding:10px; color:#666;}
.fastSearch div strong{ float:left; margin-right:10px;}
.fastSearch .tag{ padding:5px 0px 0px 10px;}
.fastSearch .tag a{ margin-left:5px;}
a.G1:link,a.G1:visited{padding:2px 1px 0 1px;color:#666; text-decoration:none; font-weight:normal; }
a.G1:hover,a.G1:active{padding:2px 1px 0 1px; color:#FFF; background:#666; text-decoration:none; font-weight:normal; }

.sehSelectUI{position:relative; height:25px; float:left; margin-right:5px;}
.sehSelectUI div span{float:left; color:#333; height:25px; font:13px/25px arial; padding:0px 0px 0px 8px; overflow:hidden; background-position:0 -903px;}
.sehSelectUI div a{ float:left; width:21px; height:25px; background-position:right -947px;}
.sehSelectUI ul{position:absolute; top:23px; left:1px; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:150px; overflow-y:auto; overflow-x:hidden}
.sehSelectUI ul a{display:block; padding:5px; text-decoration:none; zoom:1; color:#333; background:#fff}
.sehSelectUI ul a:hover{background:#efefef}
.sehSelectUI ul a.selected{background:#EDEDED}
.tagBox div.box .sehSelectUI ul li{float:none;margin-right:0px;}

.selectList {position:absolute; top:23px; left:1px; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:150px; overflow-y:auto; overflow-x:hidden}
.selectList li{display:block; padding:5px; text-decoration:none; zoom:1; color:#333; background:#fff; cursor:pointer;}
.selectList li:hover{background:#efefef}

/* fastSearch */
.combBox{ background:#efefef; padding:3px 0px 2px 10px; color:#666;}
.combBox strong{ float:left; margin-right:10px;padding-top:5px;}
.combBox .tag{ padding-top:5px;}
.combBox .tag a{ margin-left:5px;}

/* addLink */
.addLink{background:#efefef;padding:10px 15px;margin:0px 0px 10px 0px;color:#aaa;-moz-border-radius:3px;-webkit-border-radius:3px;}
.addLink a{margin:0px 15px;}
.addLinkIndex{background:#efefef;padding:10px 10px 10px 15px;margin:0px 0px 10px 0px;color:#aaa;-moz-border-radius:3px;-webkit-border-radius:3px;}
.addLinkIndex a{margin:0px 15px;}

#btnShopTagMore{background:#FFFFFF url(/static/img/dm_arr.v201209181402.gif) no-repeat scroll 0 5px;color:#999999;cursor:pointer;display:inline-block;margin:0 5px 0 2px;padding:0px 4px 0px 7px;text-align:left;text-decoration:underline;width:60px;}

/* imageSlide */
#ImageSlideObject{visibility:hidden;}
.imageSlideWrapper{margin-bottom:10px;}

/* combo select */
.sehSelect{margin-right:15px;margin-top:5px; /*gc*/ margin-top:3px\9; _margin-top:0px;/*gc*/}

/* etc */
.content_i .contList .contList-con{font-size:13px;white-space:normal;overflow:hidden;}

span.MoreReviews {
display:inline-block;
float:right;
margin-top:15px;
}

span.MoreGroups
{
	display:inline-block;
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
}

.remark .more {
float:right;
font-size:13px;
font-weight:bold;
}

/* adImage */
.DPADBrandImage{ margin-bottom:5px;}
.DPADBrandImage a img{display:inherit;}

#slideAD li a{display:block;}
#weddingSlideADWrapper li a{display:block;}
#brandSlideLeft li a{display:block;}
#brandSlideRight li a{display:block;}

#weddingSlideADWrapper{margin:10px 0px;}
.brandADSlide{margin:10px 0px 0px 0px;border-top:1px solid #ddd;padding:10px 0px 0px 0px;}
.brandADSlideNoborder{margin:10px 0px 0px 0px;padding:5px 0px 0px 0px;}
#brandSlideLeft{float:left;}
#brandSlideRight{float:right;}

