@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
											resets
------------------------------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, hr, div, p, pre, address, blockquote, ul, ol, dl, dt, dd, form, fieldset { display: block; margin: 0; padding: 0; }
body { font-family:Tahoma, "宋体", "微软雅黑", Microsoft YaHei, Tahoma, Geneva, sans-serif; background: #fff; color: #333; font-size: 62.5%;}
address, em { font-style: normal; }
ol, ul { list-style-type: none; }
img { border: none; vertical-align: bottom; }
input, select, textarea, button { font-size: inherit; line-height: inherit; vertical-align: middle; margin: 0; padding: 0; border: 1px solid #4A8BC1; line-height:1.6;outline:none;}
button { cursor: pointer; }
button { margin: 0; padding: 0; border: none; background: none; }
table, thead, tbody, tfoot, tr, th, td, caption, col, colgroup { text-align: left; line-height: inherit; font-size: 100%; }
table { width: 100%; display: table; border-collapse: collapse; border-spacing: 0; text-align: left; vertical-align: top; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
th, td { display: table-cell; vertical-align: top; text-align: left; }
caption { display: table-caption; text-align: left; }
col { display: table-column; }
colgroup { display: table-column-group; }
h1, h2, h3, h4, h5, h6 { font-family:Tahoma, "宋体", "微软雅黑", Microsoft YaHei, Tahoma, Geneva, sans-serif; }
p { text-align: justify; text-justify: distribute; }
a{ text-decoration:none; color:#333;}
a:link { color:#333;}
a:visited {color:#333; }
a:hover { text-decoration:underline; color:red;}
a:active { color:#333;}
p#msgTip{ background:#fff;border-radius:5px; padding:0 10px; font-weight:bold;}
p#msgTip span{ color:Red !important; letter-spacing:2px !important; }
/*-----------------------------------------------------------------------------------------------
											common
------------------------------------------------------------------------------------------------*/\
/*	body
--------------------------------------------------------------------*/
body { color: #333; background: #fff; line-height:1.6;}
body .floatR { float:right !important; }
body .floatL { float:left !important; }
body .mb0 { margin-bottom:0 !important;}
body .mr0 { margin-right:0 !important; }
body p.none{border:1px solid #ddd;border-radius:6px;  font-size:1.5em; text-align:center; padding:3px 0; margin:0 auto;}
/*	input button select a
--------------------------------------------------------------------*/
input{ line-height:1.4;padding:2px 5px 1px;border-radius:6px; min-height:20px; vertical-align:middle;border:1px solid #C01920;letter-spacing:1px; width:148px;}
input.error{ border:1px solid red !important;}
select{padding:3px 5px 2px;border-radius:6px; min-height:20px; vertical-align:middle;border:1px solid #C01920;*padding:1px 5px 3px; width:160px;}
label input{ width:auto; border:none; padding:0; }
button,a.button{ padding:3px 20px 1px ; border:1px solid #C01920; border-radius:6px;border:1px solid #C01920; letter-spacing:2px; display:inline-block; vertical-align:middle; text-decoration:none;*height:22px;*padding:0 20px;background:#C01920; color:#fff; text-decoration:none;}
a.button{ padding:2px 20px;}
button:hover,a.button:hover{ background:#fff; color:#333;}
button.spl{ border:none; padding:0; background:none; color:#333;}
button.spl:hover{ text-decoration:underline;}
/*	warp
--------------------------------------------------------------------*/
#wrap{ font-size:1.3em; line-height:1.6;}
#wrap div.cDiv div.inner h2{ text-align:center; font-weight:bold; border-bottom:1px solid #ddd; letter-spacing:2px;}
/*	top
--------------------------------------------------------------------*/
#wrap #top{ background:#F5E7E7; text-align:center; color:#970F0F;}
#wrap #top .inner{ width:1220px; margin:0 auto; min-height:20px; padding:10px 0 8px;}
#wrap #top .inner ul{zoom:1; overflow:hidden; letter-spacing:1px;}
#wrap #top .inner ul li a{color:#970F0F;}
#wrap #top .inner ul li{ float:right; margin-left:8px; _display:inline; padding-right:8px; border-right:1px solid #C37474; line-height:1.3;}
#wrap #top .inner ul li.hello a{padding:0 5px;zoom:1; width:80px; color:#970F0F;}
#wrap #top .inner ul li.hello{ display:block;}
#wrap span.v-0{background: url(../img/vip.png) 0 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
#wrap span.v-1{background: url(../img/vip.png) -35px 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
#wrap span.v-2{background: url(../img/vip.png) -75px 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
#wrap span.v-3{background: url(../img/vip.png) -115px 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
#wrap span.v-4{background: url(../img/vip.png) -152px 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
#wrap span.v-5{background: url(../img/vip.png) -191px 0 no-repeat;width:20px; height:15px; margin-left:5px; vertical-align:middle;  display:inline-block;}
/*	container
--------------------------------------------------------------------*/
#wrap #container{ width:1240px; margin:0 auto;}
#wrap h2{ font-size:1.6em;padding:4px 0 2px; font-weight:normal; margin-bottom:20px;zoom:1; overflow:hidden;}
#wrap h3{ border-bottom:1px solid #ddd; margin-bottom:20px; padding:0 0 5px 20px;}
/*	header
--------------------------------------------------------------------*/
#wrap #header{zoom:1; margin-bottom:30px;position:relative; z-index:1; height:120px;}
#wrap #header h1{ position:absolute; left:20px; top:20px;}
#wrap #header .search{ float:right; width:550px; margin-top:55px;}
#wrap #header .search dl{zoom:1; overflow:hidden;}
#wrap #header .search dl.sh{ margin-bottom:10px;}
#wrap #header .search dl.sh dt{ width:160px; float:right; text-align:right;}
#wrap #header .search dl.sh dd{ width:380px; float:left;zoom:1; overflow:hidden;zoom:1;}
#wrap #header .search dl.sh dd div.klist{ position:absolute; width:280px;border:1px solid #C01920; z-index:2; border-top:none; display:none;  }
#wrap #header .search dl.sh dd div.klist ul{ background:#fff;zoom:1;padding-top:5px;*min-height:120px;*padding-top:4px;}
#wrap #header .search dl.sh dd div.klist ul li a{ border-top:1px dotted #C01920; padding:5px 0 4px 10px; display:block;}
#wrap #header .search dl.sh dd div.klist ul li a:hover,#wrap #header .search dl.sh dd div.klist ul li.now a{ cursor:pointer; background:#eee; color:#000; text-decoration:none;}
#wrap #header .search dl.sh dd div.klist ul li.none{ border-bottom:none;}
#wrap #header .search dl.sh dd input{ height:22px; font-size:1.1em; letter-spacing:1px;float:left; width:280px;position:relative; z-index:3;border-radius:6px 0 0 6px; vertical-align:middle; text-indent:10px;  padding:6px 0 4px;}
#wrap #header .search dl.sh div.kword dd a{ float:left; }
#wrap #header .search dl.hk dt{ float:left; width:70px; position:relative; z-index:1; }
#wrap #header .search dl.hk dd{ width:475px; float:left;zoom:1; overflow:hidden;}
#wrap #header .search dl.hk dd a{ float:left; margin-right:10px; _display:inline;}
/*	menu
--------------------------------------------------------------------*/
#wrap #menu{ position:relative;margin-bottom:30px;}
#wrap #menu div.menu_inner{zoom:1; overflow:hidden; background:#DA251D; }
#wrap #menu .navi{float:left; z-index:1; width:250px; background:#9B231C;}
#wrap #menu div.list{ display:none; position:absolute; background:#fff; z-index:99; width:1236px; border:2px solid #9B231C; border-top:none;}
#wrap #menu div.list dl.lv{zoom:1; overflow:hidden; background:#eee; text-align:center; font-size:1.4em; margin-bottom:20px;}
#wrap #menu div.list dl.lv dt{ width:248px; float:left; font-weight:bold;padding:3px 0; background:#ddd;}
#wrap #menu div.list dl.lv dd{ width:141px;float:left;padding:3px 0;}
#wrap #menu div.list dl.lv dd.on{ background:#fff; cursor:pointer; color:#000; font-weight:bold;}
#wrap #menu div.list div.item{ display:none; min-height:300px;background:url(../img/navi_bg02.gif) 0 top repeat-y;}
#wrap #menu div.list div.item div{zoom:1; overflow:hidden;margin-bottom:20px; }
#wrap #menu div.list div.item dl{ width:290px; float:left; padding:0 2px 0 13px;}
#wrap #menu div.list div.item dl dt{ font-size:1.1em; font-weight:bold; padding-bottom:3px; }
#wrap #menu div.list div.item dl dd ul{zoom:1; overflow:hidden;}
#wrap #menu div.list div.item dl dd ul li{ float:left; width:25%; height:21px; overflow:hidden;}
#wrap #menu div.list div.item dl dd ul li.w3{ width:33%;}
#wrap #menu p.title{ width:250px; font-size:1.4em; text-align:center;color:#fff; vertical-align:bottom;padding:4px 0 5px;letter-spacing:2px; font-weight:bold; cursor:pointer;}
#wrap #menu ul.site{zoom:1; overflow:hidden; float:right; width:960px; background:#DA251D;color:#fff;}
#wrap #menu ul.site li{ float:left; _display:inline; padding:9px 3px 0;}
#wrap #menu ul.site li a{ color:#fff;}
#wrap #menu ul.site li.search{zoom:1; overflow:hidden; padding:0; margin-top:3px; vertical-align:top;}
#wrap #menu ul.site li.search input{ float:left; vertical-align:top; margin:0;}
#wrap #menu ul.site li.search a{ float:left; display:block;}
#wrap #menu ul.site li.search a img{ vertical-align:top;}
#wrap #menu ul.site li.cart{  float:right; margin-right:20px;}
#wrap #menu ul.site li.cart p{ text-align:right; padding:0 5px 2px 30px; color:#333;background:url(../img/shop_cart.png) left center no-repeat; letter-spacing:1px;}
/*	main
--------------------------------------------------------------------*/
#main { zoom:1; overflow:hidden; margin-bottom:20px;}
#main h2{background:url(../img/ico_01_off.gif) #DA251D 20px center no-repeat;color:#fff; font-size:1.4em; font-weight:bold; letter-spacing:2px; padding:5px 0 5px 40px; color:#fff;}
/*------------- flist -------------*/
#main div.flist{ margin-bottom:20px;}
#main div.flist div.i{zoom:1; overflow:hidden;}
#main div.flist dl{ width:198px; float:left; border:4px solid #fff;text-align:center; padding:10px 0;}
#main div.flist dl:hover{border-radius:5px; border:4px solid #ddd;}
#main div.flist dl dt{ margin-bottom:10px;}
#main div.flist dl dt img{ width:170px; height:170px;}
#main div.flist dl dd.name{ font-size:1.1em; line-height:1.5; padding:0 10px;word-wrap: break-word;word-break: normal;}
#main div.flist dl dd.name em{color:#fff; background:#DA251D;font-size:12px;margin-right:10px; border-radius:5px;display:inline-block; padding:0 5px;}
#main div.flist dl dd.price{ color:Red; margin-top:5px;font-size:1.1em;}
/*	side
--------------------------------------------------------------------*/
#main #side{zoom:1; overflow:hidden; border:1px solid #9B231C; width:250px; float:left; }
#main #side p.title{ font-size:1.4em; font-weight:bold; letter-spacing:2px; padding:5px 0; text-align:center; background:#9B231C; color:#fff; margin-bottom:10px;}
#main #side ul{ margin:0 15px 10px;}
#main #side ul li a{ display:block; padding:5px 0 5px 30px; background:url(../img/ico_01.gif) 10px center no-repeat; letter-spacing:1px; border-bottom:1px dotted #DA251D;}
#main #side ul li a:hover,#main #side ul li a.on{  border-radius:6px;color:#fff;background:url(../img/ico_01_off.gif) #DA251D 10px center no-repeat; text-decoration:none;}
#main #content{ width:960px; float:right;border:1px solid #9B231C; }
#main #content div.inner{ padding:0 20px;}
/*  content
--------------------------------------------------------------------*/
/*	page
--------------------------------------------------------------------*/
div.page{ zoom:1; overflow:hidden; margin-bottom:20px;}
div.page ul{zoom:1; overflow:hidden;  border-left:none; float:right;border-left:1px solid #960000; letter-spacing:1px;}
div.page ul li{ float:left; border:1px solid #960000; border-left:none; line-height:30px; text-align:center;}
div.page ul li a{ display:block; padding:0 13px;}
div.page ul li.total { padding:0 15px;}
div.page ul li a:hover,div.page ul li a.current{ background:#F5E7E7; text-decoration:none; color:#000;}
/*	footer
--------------------------------------------------------------------*/
#wrap #footer{ padding-bottom:20px; color:#960000;}
#wrap #footer a{color:#960000;}
#wrap #footer p{ text-align:center; margin-bottom:30px; background:url(../img/caigou_bg.gif) left center repeat-x; }
#wrap #footer .help{zoom:1; overflow:hidden; margin-bottom:30px;border-right:1px dotted #960000;}
#wrap #footer .help dl{ width:200px; float:left; text-align:center; border-left:1px dotted #960000;}
#wrap #footer .help dl dt{ font-size:1.6em;}
#wrap #footer .help dl dd{ padding:2px 0 1px;}
#wrap #footer address{ text-align:center;}