@import url(common.css);

#main-1 { margin-top:10px; height:200px;}
#main-1 .h-1 { float:left; width:600px;}
#main-1 .h-2 { float:right; width:350px;}

#main-2 { margin-top:10px; height:180px; background:#ec31a2;}
#main-2 .h-1 { float:left; width:600px;}
#main-2 .h-2 { float:right; width:360px;}

#recommend { margin-top:5px; margin-left:5px; height:170px; background:#fff;}
#recommend .header {clear:both; padding-top:5px; padding-left:12px; font-weight:bold; font-size:14px; line-height:30px; color:#ec31a2;}

#tags {}
#tags .header {clear:both; margin-top:5px; padding-top:5px; padding-left:12px; font-weight:bold; font-size:14px; line-height:30px; color:#fff;}

#tags ul { margin:5px; height:120px; overflow:hidden;}
#tags ul li { float:left;}
#tags ul li a { display:block; float:left; height:24px; line-height:24px; font-size:14px; padding:0 6px; white-space:nowrap; color:#fff; font-weight:bold;}
#tags ul li a:hover { text-decoration:none; background:#fff; color:#ec31a2;}

#main-3 { margin-top:10px;}
#main-3 .h-1 { float:left; width:600px; background:#ec31a2;}
#main-3 .h-2 { float:right; width:350px;}

#categorys { margin:2px; height:320px; background:#fff;}
#categorys .head { height:30px; overflow:hidden; background:#ec31a2;}
#categorys .head ul { float:left; margin-left:1px;}
#categorys .head ul li { float:left; margin-right:2px; padding-top:2px; font-weight:bold; color:#fff; line-height:28px; }
#categorys .head ul li a { display:block;}
#categorys .head ul li a span { display:block; padding:0 18px; font-size:14px;color:#fff;}
#categorys .head ul li a.focus span { background:#f8f8f8; text-decoration:none; color:#ec31a2;}

#categorys .word-list { float:left; border-right:1px solid #f1f1f1; width:229px; background:#f8f8f8;}
#categorys .word-list ul { margin:8px 12px;}
#categorys .word-list ul li a.more { margin-right:12px; background:none; text-align:right;}

#categorys .product-list { float:right; width:360px; margin-top:5px;}
#categorys .product-list ul li { margin-top:10px;}

#friends-link { height:60px; background:#fff;}
#friends-link ul {}
#friends-link ul li { float:left;}
#friends-link ul li a { display:block; float:left; padding:0 6px; height:24px; line-height:24px; overflow:hidden; text-align:center;}