﻿@import url("border.css");
@import url("widget.css");

body { font-size: 12px;color: #484848;line-height: 180%; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;background:url(bg.gif) repeat-x top;  }
a{color:#333;  text-decoration:none; }
a:hover{color:#f60;	text-decoration:underline;}
img { padding:0; margin:0;}
.AllWrap{ margin:0 auto; width:930px;  }
.AllWrapInside{ margin:0 auto; width:930px;overflow:hidden;  }

/*---------header---------*/
.headerInfo  { height:65px; position:relative; overflow:hidden;  }
      .headerInfo #logo { position:absolute; left:0; top:0px;}
	  .headerInfo #topmenu { position:absolute; right:0px; top:3px;}
	              #topmenu a { padding:0 10px 0 10px; border-left:1px solid #ccc;}
	  .headerInfo #login { position:absolute; right:310px; top:41px;}
	  .headerInfo #tel { position:absolute; right:0; top:33px;}

.menu {height:36px; background:url(menu_bg.gif) repeat-x; }
  #menuleft { float:left; height:36px; padding-left:15px; background:url(menu_l.gif) left no-repeat; }
  #menuright { float:right; background:url(menu_r.gif) right no-repeat; padding-right:10px; padding-top:6px; height:29px;width:238px; overflow:hidden;}
  .cart { float:left; width:135px; padding:1px 0 0 35px; height:24px; background:url(menu_cart.gif) left; }
  .jjss { float:right; width:62px; height:25px; background:url(menu_cart.gif) right;}
     .jjss a { width:62px; height:25px; line-height:25px;text-align:center; display:block; color:#fff; font-weight:bold;}
     .jjss a:hover { color:#fff; text-decoration:none;}
  #menubg { float:right; padding-right:10px; padding-top:8px; height:28px; overflow:hidden;}

.tang { height:36px; width:930px; background:#585858;}
  .tangleft { float:left; width:277px; height:28px; background:url(left_bg.gif) left top no-repeat; padding:8px 0 0 43px;}
     .tangleft a { margin:0 6px 0 6px; } .tangleft a:hover { color:#f60;}
  .tangbg { float:left; padding:8px 0 0 10px; color:#fff;}
     .tangbg a { color:#fff; margin:0 5px 0 5px;}
  .tangright { float:right; height:36px; padding:0; margin:0; padding-right:10px; overflow:hidden; background:url(right_bg.gif) top right no-repeat; overflow:hidden;}


/*----左右分栏--------*/
.mainColumn { float:right; width:722px; overflow:hidden; }
.sideColumn { float:left; width:198px; overflow:hidden;  }

.sideColumn .AdvBanner { padding-bottom:9px;}

/*---------幻灯片广告-----*/
.ileft { float:left; width:200px; height:300px; overflow:hidden; position:relative;}
.ibg { float:left; width:520px; margin-left:5px; }
.iright { float:right; width:200px; }

/*---新品上市-----*/

.xin { border:1px solid #ddd;  background:url(new_bg.jpg) repeat-x;}
  .xinleft { float:left; width:320px;}
  .xinright { float:right; width:608px;}
/*---推荐---*/
.tuijian { height:644px; width:930px; background:url(tj_bg.gif) repeat-x; position:relative;}
.tuijian .tjtop { position:absolute; left:0; top:0; width:270px; height:81px; background:url(tjtopbg.gif);}
.tuijian .tjbottom { position:absolute; right:0; bottom:0; background:url(tjbottombg.gif); width:86px; height:85px;}
.tuijian .tjbg { position:absolute; top:40px; left:40px; width:848px; height:562px; overflow:hidden;}
.tjbg td { padding:1px;}
/*------商品切换----*/
.qing { width:930px; height:758px; background:url(222.gif) left repeat-y;}
#qingtop { height:128px; width:930px; overflow:hidden; float:left;}

.qleft { float:left; height:624px; width:339px; overflow:hidden; }
.qright { float:right; width:466px; height:610px;padding-right:10px; color:#fff;}
.qrightt { height:525px; width:466px; overflow:hidden; color:#666;}
/*----人气单品----*/
.renqi { border:1px solid #ddd; padding:0 5px 0 5px;}
.gg img { padding-top:8px;}

/*------资讯-----*/

.zixun { border:1px solid #ddd; background:url(footerbg.gif) bottom repeat-x; height:255px; padding:10px; width:910px;}
  .zx1 { float: left; width:225px; height:220px; padding-right:10px; padding-top:27px; background:url(03.gif) no-repeat; }
  .zx2 { float:left; width:200px; height:220px; border-left:1px dashed #ddd; padding-left:10px;padding-top:27px;background:url(04.gif) no-repeat;}

.zx4 { float:left; width:200px; height:247px; border-left:1px dashed #ddd; padding-left:10px;}



  .zx3 { float:right; width:225px; height:220px; border-left:1px dashed #ddd; padding-left:10px;padding-top:27px;background:url(05.gif) no-repeat;}
.ArticleList ul li { height:24px; line-height:24px; border-bottom:1px dashed #ccc;}
.Comment h6 { display:none;}
.Comment li { padding:0;}
.cmt_member { color:#666;}
.cmt_time { color:#ccc;}

/*-------bottom底部-------*/

#foott{ border:1px solid #ddd; height:230px; margin-top:8px; padding:10px 13px 10px 13px; background:url(footerbg.gif) bottom repeat-x;}

  .fleft { float:left; width:200px; overflow:hidden; }
  .fright { float:right; width:695px;}
  .frtop { height:52px; border:1px solid #ddd; overflow:hidden; }

.help { width:695px; border:1px solid #ddd; height:155px; margin-top:10px; overflow:hidden;}

 #f3 { float:left; width:120px; padding:15px 0 0 10px; }


.help .TreeList { width:150px;height:105px;  overflow:hidden;}
.help .TreeList .cat1{ margin:0; padding-left:9px;}
.help .TreeList .cat2{ margin:0; padding:0; padding-left:17px; background:url(ico_arrow_2.gif) left no-repeat;}

.help .TreeList .cat1 a { color:#666;}
.help .TreeList .cat2 a { color:#999;}

