@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:634px; 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:552px; 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:680px; overflow:hidden; }
.qrightt { height:525px; width:5px; overflow:hidden; color:#FFFFFF;}
/*----人气单品----*/
.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:290px; height:220px; padding-right:10px; padding-top:27px; background:url(03.gif) no-repeat; }
  .zx2 { float:left; width:280px; height:220px; border-left:1px dashed #ddd; padding-left:10px;padding-top:27px;background:url(05.gif) no-repeat;}
  .zx3 { float:right; width:280px; height:220px; border-left:1px dashed #ddd; padding-left:10px;padding-top:27px;background:url(04.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:130px;  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;}

.beijing{ width:105px; height:18px; line-height:18px; margin:0 auto;background:url(../images/dc_bg.png) no-repeat;}
.beijing li{ float:left; width:45px; text-align:center}
.beijing .ze { color:#fff; padding-left:3px;}
.beijing .price{ padding-left:9px;}
.adBox{ height:145px; margin:5px auto; width:930px; }
.adBox ul{ overflow:hidden;}
.adBox li{ float:left; width:226px; height:145px; overflow:hidden}
.adBox li.adLine{ width:5px; height:145px; background:url(../images/line_tb3.png) no-repeat center center;}



/* shop index */
.index-slider{ position:relative; height:264px; width:980px; overflow:hidden; z-index:1; margin-top:5px; border-bottom:1px solid #CECECE;}
.index-slider .imgBox{ overflow:hidden; height:264px;}
.index-slider .imgBox li{ float:left; height:264px; width:980px; overflow:hidden; padding:0 1px\9; _padding:0;}
.index-slider .thumbs{ position:absolute; bottom:10px; left:15px; z-index:100;}
.index-slider .thumbs a{ display:inline-block;}
.index-slider .thumbs a img{ border:2px solid #FFF; margin:2px;}
.index-slider .thumbs a.pager-active img{ border:4px solid #FC4E07; margin:0;}
.index-slider .bx-wrapper{ z-index:2;}
.index-slider .bx-window{ z-index:3;}
.tabBox1{  margin:5px auto; width:930px; }
.tabBox1 .tabMenu1{ overflow:hidden; height:29px; background:url(../images/sprites_3.png) repeat-x 0 0;}
#hotTags{ float:right;width:400px; padding:5px 10px 0 0; color:#666666; }
#hotTags a{ color:#666666; padding:0 5px;}
.tabBox1 .tabMenu1 ul{ overflow:hidden; width:400px; float:left;}
.tabBox1 .tabMenu1 li{ width:96px; height:29px; text-align:center; font-weight:bold; float:left; line-height:29px; cursor:pointer; background:url(../images/sprites_3.png) no-repeat right -176px;}
.tabBox1 .tabMenu1 li.currOn{color:#FFFFFF; background:url(../images/sprites_3.png) no-repeat 0 -159px;}
.tabBox1 .tabMain1{ border:1px solid #BF915E; }
.tabBox1 .areaBox1{ display:none; overflow:hidden;}
.tabBox1 .areaLeft{ width:207px; float:left; margin:2px 0; display:inline;}
.tabBox1 .areaRight{ width:720px; float:right ;height:537px; margin:2px 0; display:inline;border-left:1px solid #B7B7B7;}
.tabBox1 .hotRank .modHd{margin-bottom:10px; position:relative;}
.tabBox1 .hotRank .modHd h2{ padding:10px 0 0 10px; font-size:14px;}
.tabBox1 .hotRank .modHd .modMark{ position:absolute; height:22px; width:35px; overflow:hidden; background:#C03; top:18px; right:55px; background:url(../images/sprites_3.png) no-repeat -109px -165px;} 
.tabBox1 .hotRank .modBd{ padding:0 1px;}
.tabBox1 .hotRank .modBd li{  overflow:hidden; background:url(../images/rankcon_bg.jpg) repeat-x left bottom;}


.tabBox1 .hotRank .modBd li.hrBg{ background:#F0F0F0;}
.tabBox1 .hotRank .modBd .goodsImg { }
.productBox{}
.productBox ul{ overflow:hidden;}

#newProduct{ }
#saArtists .saM1box{ border:none;}
#saArtists .saM1box .saBd li{ margin-top:10px;}
.brandRec{ border:1px solid #BDBDBD; margin-top:5px;}
.brandRec .brandLogo{ width:198px; height:345px; float:left; display:inline; padding-right:5px; background:url(../images/bl_bg.png) no-repeat;}
.brandRec .brandLogo .modHd{ height:55px;margin-bottom:10px; position:relative; z-index:3;}
.brandRec .brandLogo .modHd h2{ padding:10px 0 0 10px; font-size:14px;}
.brandRec .brandLogo .modHd .modMark{ position:absolute; height:20px; width:30px; overflow:hidden; background:#C03; top:22px; left:75px; background:url(../images/sprites_3.png) no-repeat -166px -168px;}
.brandRec .brandLogo .modHd .bs-prev,.brandRec .brandLogo .modHd .bs-next{ height:21px; width:12px; text-indent:-9999px; overflow:hidden; position:absolute; top:30px; z-index:333; background:url(../images/sprites_3.png) no-repeat -9999px -9999px;}
.brandRec .brandLogo .modHd .bs-prev{right:50px; background-position: -132px -67px;}
.brandRec .brandLogo .modHd .bs-next{ right:20px;background-position: -144px -67px}

.brandRec .brandLogo .modBd ul{ overflow:hidden;}
.brandRec .brandLogo .modBd li{ width:98px;  float:left; display:inline; padding:0; margin-right:1px;}

.brandProduct{ float:left; width:766px; display:inline; padding:0 5px 0 4px;}
.brandProduct .brandName{ padding:5px 5px 0;}
.brandProduct .brandName p{ background:url(../images/sprites_3.png) no-repeat -414px -220px; padding-left:10px;}
.brandProduct .brandName .modMore{ height:16px; width:65px; overflow:hidden; float:right;background:url(../images/sprites_sa3.png) no-repeat -58px -38px;}
.brandProduct .brandName .modMore a{ display:inline-block; padding-left:12px; color:#FFF; height:16px; line-height:16px; *padding-top:1px;}
.bpList{ width:380px; border:1px solid #FFF; float:left; display:inline; margin-left:1px; margin-bottom:1px;}
.bpList dl{ overflow:hidden; height:155px;}
.bpList dt{ width:155px; height:155px;overflow:hidden; float:left; display:inline;}
.bpList dd{ float:left;overflow:hidden; width:225px; display:inline;}
.bpList dd .bp-tit1{ padding-top:20px; font-size:14px; margin-bottom:5px;}
.bpList dd .bp-tit1 em{ height:12px; width:27px; display:inline-block; vertical-align:middle; margin-left:5px; text-indent:-9999px; overflow:hidden; background:url(../images/sprites_3.png) no-repeat -96px -136px;}
.bpList dd .bp-tit1 a{color:#EB1641;}
.bpList dd .bp-tit2{font-size:14px; margin-bottom:10px;}
.bpList dd .bp-tit2 .star{ background:url(../images/pr_s.png) no-repeat -9999px -9999px; overflow:hidden; height:15px; width:79px; display:inline-block; vertical-align:middle;}
.bpList dd .bp-tit2 .star-0{ background-position:-123px -156px;}
.bpList dd .bp-tit2 .star-1{ background-position:-123px -231px;}
.bpList dd .bp-tit2 .star-2{ background-position:-123px -321px;}
.bpList dd .bp-tit2 .star-3{ background-position:-123px -216px;}
.bpList dd .bp-tit2 .star-4{ background-position:-123px -306px;}
.bpList dd .bp-tit2 .star-5{ background-position:-123px -201px;}
.bpList dd .bp-tit2 .star-6{ background-position:-123px -291px;}
.bpList dd .bp-tit2 .star-7{ background-position:-123px -186px;}
.bpList dd .bp-tit2 .star-8{ background-position:-123px -276px;}
.bpList dd .bp-tit2 .star-9{ background-position:-123px -171px;}
.bpList dd .bp-tit2 .star-10{ background-position:-123px -260px;}

.bpList dd .bp-attr1{ color:#666666; margin-bottom:5px;}
.bpList dd .bp-attr2{ position:relative;}
.bpList dd .bp-attr2 .bp-price{ color:#E73D33; font-size:14px;}
.bpList dd .bp-attr2 .bp-price span{ font-weight:normal; font-size:12px;}
.bpList dd .bp-attr2 .nowBuy-btn{ height:22px; line-height:22px; width:62px; text-align:center; overflow:hidden; position:absolute; top:0; right:20px; background:url(../images/sprites_3.png) 0 -136px;color:#FFF; text-decoration:none; display:none;}
.brandRec .lineBg{ width:766px; height:315px; background:url(../images/bb_bg.png) no-repeat;}
.hoverBox{border:1px solid #F83F65;}
.hoverBox dd .bp-attr2 .nowBuy-btn{ display:block;}
.saContent{ margin-top:5px;border:1px solid #BDBDBD; background:url(../images/sc_bg.png) repeat-x center top;}
.saContent .modHd-l{ width:150px; float:left; display:inline; position:relative;}
.saContent .modHd-l .modMark{ position:absolute; height:30px; width:30px; overflow:hidden; background:#C03; top:10px; right:25px; background:url(../images/sprites_3.png) no-repeat -232px -159px;}
.saContent .modHd-l h2{padding:5px 0 0 10px; font-size:14px;}
.saContent .modHd-r{ width:818px; float:left; margin-right:10px; padding-top:15px; display:inline; border-bottom:1px solid #B7B7B7;}
.saContent .tabMenu2{ height:30px; width:150px; float:left;}
.saContent .tabMenu2 li{ float:left; height:30px; text-indent:-9999px; cursor:pointer; background:url(../images/sa_t_btn.png) no-repeat -9999px -9999px;}
.saContent .tabMenu2 li.s-menu{ background-position:0 0; width:90px;}
.saContent .tabMenu2 li.a-menu{ background-position:-90px 0; width:60px;}
.saContent .tabMenu2 li.s-Cmenu{ background-position:0 -30px; width:60px;}
.saContent .tabMenu2 li.a-Cmenu{ background-position:-60px -30px; width:90px;}
.saContent .saTags{ float:right;}
.saContent .saTags a{ padding:0 5px; display:inline-block;}
.saContent .saTags .modMore{ height:16px; width:65px; margin-left:10px; display:inline-block; overflow:hidden;background:url(../images/sprites_sa3.png) no-repeat -58px -38px; vertical-align:middle;}
.saContent .saTags .modMore a{ display:inline-block; padding-left:12px; color:#FFF; height:16px; line-height:16px; *padding-top:1px;}
.saContent .modBd{ padding:1px 10px 5px 5px;}


.sBeauty{ float:left; width:304px; display:inline; background:url(../images/line_tb1.png) no-repeat center right;}
.sBeauty .modT{margin-bottom:5px; padding-right:10px;}
.sBeauty .modT span,.saWebZine .modT span{ float:right; padding-left:8px; background:url(../images/sprites_3.png) no-repeat -414px -72px}
.sBeauty .modT span a,.saWebZine .modT span a{ color:#666666;}
.sBeauty .modB li{width:142px; margin-right:10px;}
.sBeauty .modB li a img{ border:1px solid #DEDEDE;}

.saWebZine{ width:320px; float:left; display:inline; margin-lef:10px;}
.saWebZine .modT{ margin-bottom:5px; padding:0 10px;}
.saWebZine .modB .wzImg{ float:left; display:inline; width:105px; margin:0 10px;}
.saWebZine .modB .wzList{ width:195px; float:left; display:inline;}
.saWebZine .modB .wzList li{ line-height:22px; height:22px; padding-left:18px; position:relative;}
.saWebZine .modB .wzList li span{ position:absolute; left:0; top:3px; width:16px; height:16px; overflow:hidden; background:url(../images/wz_n3.png) no-repeat 6px 6px;}
.saWebZine .modB .wzList li span.wz-1{ background-position:0 -16px;}
.saWebZine .modB .wzList li span.wz-2{ background-position:0 -36px;}
.saWebZine .modB .wzList li span.wz-3{ background-position:0 -59px;}
.saWebZine .modB .wzList li span.wz-4{ background-position:0 -80px;}
.saWebZine .modB .wzList li span.wz-5{ background-position:0 -99px;}
.saWebZine .modB .wzList li span.wz-6{ background-position:0 -120px;}
.saWebZine .modB .wzList li span.wz-7{ background-position:0 -143px;}
.saWebZine .modB .wzList li a{ color:#4D4C4C;}
.saWebZine .modB .wzList li a:hover{ color:#FC2D4F;}
.indexIcons{ width:140px; float:right; display:inline;background:url(../images/line_tb1.png) no-repeat center left;}
.indexIcons .modT{ margin-bottom:5px; padding-left:11px; position:relative;}
.indexIcons .modT .modMark{ width:16px; height:7px; overflow:hidden; position:absolute; top:5px; right:0; background:url(../images/sprites_3.png) no-repeat -96px -151px;}
.indexIcons .modB ul{ overflow:hidden;}
.indexIcons .modB li{ float:left; width:59px; height:63px; overflow:hidden; padding:0 0 10px 11px;}

#ft{ width:980px; margin:5px auto 0; border-top:1px solid #B7B7B7;}
#ft .serviceBox{padding-top:10px; overflow:hidden;}
#ft .serviceBox .sb-left{ float:left; width:740px; display:inline; margin-left:13px;}
#ft .serviceBox .sb-right{ width:227px; height:84px; float:right;display:inline; background:url(../images/sprites_3.png) no-repeat 0 -319px;}
#ft .serviceBox .sbList{ overflow:hidden; width:180px; float:left; display:inline; margin-right:5px; min-height:100px; height:auto !important; height:100px; background:url(../images/sprites_3.png) no-repeat right -510px;}
#ft .serviceBox .sbList dt{ font-size:14px; overflow:hidden;}
#ft .serviceBox .sbList dd{ overflow:hidden;padding:5px 0 0;}
#ft .serviceBox .sbList dd li{ padding-left:8px; background:url(../images/sprites_3.png) no-repeat -415px -258px;}
#ft .serviceBox .lastBg{ background:none !important;}
#ft .serviceBox .sb-right p{ padding:23px 0 0 8px; color:#666666;}
#ft .workMedia{ margin:10px 0; border:1px solid #DCDCDC;}
#ft .workMedia dl{ overflow:hidden; display:block;}
#ft .workMedia dt{ width:80px; height:28px; line-height:28px; float:left; padding-left:16px; display:inline; overflow:hidden;}
#ft .workMedia dd{ width:882px; float:left; display:inline;}
#ft .workMedia dd ul{ overflow:hidden;}
#ft .workMedia dd li{ width:97px; height:28px; overflow:hidden; float:left; border-left:1px solid #DCDCDC;}
#ft .frLink{ clear:both; margin:0 0 5px;}
#ft .frLink dl{ overflow:hidden; display:block;}
#ft .frLink dt{ width:80px;line-height:28px; float:left; padding-left:16px; display:inline; overflow:hidden;}
#ft .frLink dd{ width:882px; float:left; display:inline;}
#ft .frLink dd ul{ overflow:hidden;}
#ft .frLink dd li{ float:left; line-height:28px; padding:0 5px; white-space:nowrap; color:#666666;}
#ft .siteInfo{ border-top:1px solid #B7B7B7; padding:10px 0 20px; overflow:hidden;}
#ft .siteInfo .site-l{ width:600px; float:left;}
#ft .siteInfo .site-r{ width:380px; float:right;}
#ft .siteInfo .aboutNav{ padding-left:5px; margin-bottom:10px;}
#ft .siteInfo .aboutNav span{color:#3879D9; display:inline-block;}
#ft .siteInfo .aboutNav a{ color:#3879D9; padding:2px;}
#ft .siteInfo .aboutNav a:hover{ background:#3879D9; color:#FFF; text-decoration:none;}
#ft .siteInfo .cRight{ padding-left:5px; color:#666666; font-family:Verdana;}
#ft .siteInfo .cRight a{color:#666666; padding-right:10px;}
#ft .aLinks{ text-align:right;}
#ft .aLinks a{margin-left:5px;}

#popUpLR{position:fixed;padding:0;width:295px;right:0px;bottom:0px;z-index:9999;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#closePopUpLR{float:right;position: absolute;right: 8px;top: 7px;}
.GoodsList .item table{margin:2px 0;}



.border7 .product_nav{
	
	width:196px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;
}
.border7 .pptitle{
	
	width:198px; height:26px;
    background:url(pro_bg1.jpg) no-repeat ; line-height:20px;

}
.border7 .pptitle h3{color:#fff; padding-left:20px;}
.border7 .left_nav{
	
	width:198px; height:10px;
    background:url(pro_bg.jpg) no-repeat right bottom;
	
}

.RankingList{
	padding:13px;
}
.RankingList .pic{
	text-align:center;
}
.RankingList li{
	width:98%;
  	padding:2px 0;
    background:url(dotted.gif) repeat-x 0 bottom;
}
.RankingList li span{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
  	line-height:15px;
}

.btncmp{width:0px; height:0px; overflow:hidden;}
.areaRight1{ width:720px; float:right ; margin:2px 0; display:inline;border-left:1px solid #B7B7B7;}