﻿@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
body {margin:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif;background:#ffffff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

.header{ width:902px; height:auto; margin:0 auto; }

.bottom_end{ widows:902px; height:273px; overflow:hidden}
.main_content{ width:902px; height:auto; margin:0 auto; }
.menu_bar ul{ width:902px; height:60px; background:#f4f4f4; margin:0 auto; background:url(../images/menu_bar_bg.gif) no-repeat center center;}
.menu_bar ul li{ float:left}
.btn1{ margin-left:31px; _margin-left:31px;}
.btn3{ margin-right:31px}

.menu_bar ul li a{ width:280px; height:60px; display:block; float:left; background:url(../images/menu_btn.gif) no-repeat center center; cursor:pointer; font:18px "微软雅黑" ; text-align:center; text-decoration:none; color:#333; letter-spacing:0px; font-weight:500; line-height:55px; border:0; }

.btn1 a:hover{  width:280px; height:60px; display:block; float:left; background:url(../images/home_bar_selected.gif) no-repeat center center; cursor:pointer; text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-weight:500; line-height:55px;}
.btn2 a:hover{
	width:280px;
	height:60px;
	display:block;
	float:left;
	background:url(../images/beauty_bar_selected.gif) no-repeat center center;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
	line-height:55px;
}
.btn3 a:hover{
	width:280px;
	height:60px;
	display:block;
	float:left;
	background:url(../images/figure_bar_selected.gif) no-repeat center center;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
	line-height:55px;
	
}
.btn4 a:hover{
	width:225px;
	height:55px;
	display:block;
	float:left;
	background:url(../images/health_bar_selected.gif) no-repeat center center;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
	line-height:55px;
}


.btn1 a.hover{
	width:280px;
	height:60px;
	display:block;
	float:left;
	background:url(../images/home_bar_selected.gif) no-repeat center center;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
	font-weight:500;
	line-height:55px;
	
}
.btn2 a.hover{  width:280px; height:60px; display:block; float:left; background:url(../images/beauty_bar_selected.gif) no-repeat center center; cursor:pointer; text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-weight:500; line-height:55px;}
.btn3 a.hover{  width:280px; height:60px; display:block; float:left; background:url(../images/figure_bar_selected.gif) no-repeat center center; cursor:pointer; text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-weight:500; line-height:55px;}
.btn4 a.hover{  width:225px; height:55px; display:block; float:left; background:url(../images/health_bar_selected.gif) no-repeat center center; cursor:pointer; text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-weight:500; line-height:55px;}



.hover{  width:280px; height:60px; display:block; float:left; background:url(../images/dress_bar_selected.gif) no-repeat center center; cursor:pointer; text-align:center; text-decoration:none; color:#fff; letter-spacing:1px; font-weight:500; line-height:55px;}

.good_show{ width:902px; height:2518px; margin:0 auto; overflow:hidden; font-family: "微软雅黑"; }
.good_show a{ text-decoration:none}

#lin1,#lin2,#lin3,#lin4,#lin5{ width:902px; height:2518px; float:left; overflow:hidden }


/*
.health_goods li{ background:url(../images/health_goods_bg.gif) no-repeat center center;}
.beauty_goods li{ background:url(../images/beauty_goods_bg.gif) no-repeat center center;}
.dress_goods li{  background:url(../images/dress_goods_bg.gif) no-repeat center center;}
.figure_goods li{ background:url(../images/figure_goods_bg.gif) no-repeat center center;}
.home_goods li{ background:url(../images/home_goods_bg.gif) no-repeat center center;}


.good_show li span{ display:block; width:125px; height:33px; overflow:hidden; letter-spacing:0px;
					text-align:center; margin-top:10px; font-size:11px; color:#FFFFFF;padding:10px; float:left   }
.good_show li img{ margin-left: 15px; margin-bottom:4px; float:left}
.good_show p{ text-align:center; font-size:10px;  font-weight:bold; float:left; width:159px; text-align:center}
.good_p1{ color:red;}
.good_p2{ color:black; text-decoration:line-through}
.buy_btn{ display:block; width:102px; height:33px; margin-left:20px; margin-top:2px; }
*/

.footer{ width:902px; margin:0 auto; overflow:hidden;}

.recommend_mid{  width:902px;  margin-top:10px; overflow:hidden}
.left_arrow , .right_arrow{ float:left}
.recommend_mid ul{ width:900px; height:232px; float:left}
.recommend_mid ul li{ width:175px; display:inline-block;  _zoom:1;*display:inline; float:left; margin-left:4px;}

.special{ width:902px; height:196px;   margin:0 auto; overflow:hidden; margin-bottom:15px;}
.special_bottom{ width:870px; height:111px; margin-left:17px; margin-top:18px; overflow:hidden; }
.special_bottom li{ margin: 0px auto; margin-left:5px; float:left}

.end{ width:902px; height:auto; margin:0 auto;}
/*焦点图*/
img { vertical-align: top; border: 0; }
#hotpic { width: 902px; height:325px; overflow: hidden; margin: 0 auto; }
#NewsPic { position: relative; width:902px; height: 325px; overflow: hidden; }
    #NewsPic a { overflow: visible; border: 0; text-decoration: none; }
    #NewsPic .Picture { position: absolute; left: 0; top: 0; }
    #NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 10px; right: 25px; }
        #NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
            #NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
            #NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
    #NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
    #NewsPicTxt a:hover { color: red; }
	
/*下方品牌推荐*/
#example {
	width:900px;
	height:245px;
	position:relative;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	overflow:hidden；
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:902px;
	height:240px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	top:15px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	width:47px;
	top:1px;
	height:252px;
	display:block;
	z-index:101;
}

.slides_container {
	width:809px;
	height:209px;
	overflow:hidden;
	position:relative;
	margin-left:47px;
}

#slides .next {
	left:856px;
}

.pagination {
	position: absolute;
	width:100px;
	top:220px;
	left:420px
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image: url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
/*品牌滚动代码*/

.rollBox_f{width:800px; height:209px;margin:0; overflow:hidden;float:left;}
.Cont_f{width:800px; height:209px; overflow:hidden;  }
.ScrCont_f{width:10000000px;}
.Cont_f .pic_f{width:158px;margin-right:2px;_margin-right:2px; height:209px; float:left;text-align:center; }
.rollBox_f #List1_f,.rollBox_f #List2_f{float:left;}
.zj_mid{ width:800px; float:left}
.zj_right{ width:46px; float:left; cursor:pointer}
.zj_left{ width:50px; float:left; cursor:pointer}
