﻿@import url("border.css");
@import url("widget.css");
html
{
background:#FFF;
scrollbar-3dlight-color:#CECFCE; 
scrollbar-arrow-color:#A5A2A5;
scrollbar-base-color:#F8F8F8;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#F8F8F8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#CECFCE;
}
a{color:#666666;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
body {font-family:"微软雅黑",Tahoma,Arial;font-size: 12px;color: #666666;line-height: 180%;margin:0; background:transparent url(bg.jpg) repeat-x scroll 0 0;background:url(bg_body.gif) repeat-x}
.clear{clear:both;}


#AllWrap{background:#FFFFFF none repeat scroll 0 0;margin:0 auto;overflow:hidden;position:relative;width:980px;}
.leftbox{ width:190px; float:left; margin-top:5px; margin-left:5px; margin-right:0px; overflow:hidden;}
.leftbox .AdvBanner{ padding-left:4px}
.mainbox{ width:750px; margin-left:10px; margin-right:0px; overflow:hidden; float:left}
.wp{ width:980px; TEXT-ALIGN: center; margin:0 auto;}
.wp .g_text{ position:relative;left:220px; top:10px; width:460px;z-index:999;}
.product_index{ background:url(bg_bbody.gif); width:980px; height:320px;margin:0 auto;}
.product_index_shangzhuang{ background:url(bg_b1top.gif); width:980px; height:38px;margin:0 auto;color:#FFFFFF; line-height:40px; font-size:14px; padding-left:80px;font-weight: bold }
.product_index_shangzhuang a{ color:#FFFFFF; line-height:40px; font-size:14px; padding-left:30px;font-weight: bold }
.product_index_shangzhuang a:hover{ color: #FFFF00}
.product_index_waitao{ background:url(bg_b2top.gif); width:980px; height:38px;margin:0 auto;color:#FFFFFF; line-height:40px; font-size:14px; padding-left:80px;font-weight: bold }
.product_index_waitao a{ color:#FFFFFF; line-height:40px; font-size:14px; padding-left:30px;font-weight: bold }
.product_index_waitao a:hover{ color: #FFFF00}
.product_index_qunzhuang{ background:url(bg_b3top.gif); width:980px; height:38px;margin:0 auto;color:#FFFFFF; line-height:40px; font-size:14px; padding-left:80px;font-weight: bold }
.product_index_qunzhuang a{ color:#FFFFFF; line-height:40px; font-size:14px; padding-left:30px;font-weight: bold }
.product_index_qunzhuang a:hover{ color: #FFFF00}
.product_index_kuzi{ background:url(bg_b4top.gif); width:980px; height:38px;margin:0 auto;color:#FFFFFF; line-height:40px; font-size:14px; padding-left:80px;font-weight: bold }
.product_index_kuzi a{ color:#FFFFFF; line-height:40px; font-size:14px; padding-left:30px;font-weight: bold }
.product_index_kuzi a:hover{ color: #FFFF00}

#Top{margin:0 auto;overflow:hidden;position:relative;width:980px; height:104px; background:url(bg_top.jpg) left  top no-repeat}
#user_box{position:absolute;right:0px;text-align:right;top:0px;padding-right:18px;width:380px; height:25px; background:url(bg_login.png) right top no-repeat; overflow:hidden}
#cat_box{ position:absolute;right:110px; top:0px; text-align:right; width:120px; overflow:hidden}
#Logo{width:300px; position:absolute; left:0; top:0; height:80px;}

#Topmenu{height:30px;overflow:hidden;position:absolute;right:0;bottom:0px;width:468px;}
#Topmenu .AdvBanner{float:right;margin:0 5px;overflow:hidden;width:130px; overflow:hidden}
/*=主菜单
=============================================================================================*/
#Menubar{ background:url(bg_menu.gif) left top no-repeat; width:980px; height:42px; margin:0 auto;_margin-top:1px; overflow:hidden}
#Menu{height:37px;padding:0; width:980px; overflow:hidden}
#Menu a{ color:#FFFFFF; line-height:40px; font-size:14px;float:left}
#Menu a:hover{ color: #FFFF00}
.m_1{ float:left;width:124px; overflow:hidden}
.m_1 .AdvBanner a{  text-align:center; width:124px;}
.m_2{ float:left; width:560px; margin-left:20px;overflow:hidden}
.m_2 .AdvBanner a{  text-align:center; width:124px;}
.m_3{ float:left; width:270px; overflow:hidden}
.m_3 .AdvBanner a{  text-align:center; width:78px;}
.MenuList {height:37px;line-height:42px;margin-left:-1px;}
#Menu li{display:block;height:42px;width:80px; float:left; }
#Menu li a{color:#FFFFFF;display:block; font-size:14px;text-align:center;font-family:"微软雅黑",Tahoma,Arial;}
#Menu li a:hover{color:#000000;text-decoration:none;}
.menub{ width:980px; height:41px; overflow:hidden;background:url(bg_menub.gif) left top no-repeat;}
#search_l{ float:left; width:600px;margin-left:15px; height:40px; overflow:hidden;line-height:40px;}
#search_l .c-cat-depth-1{ float:left}
#search_l .c-cat-depth-1 a{ float:left; font-size:14px; line-height:40px; padding-left:10px;}
#search { float:right; width:260px; margin-right:40px; _margin-right:20px;overflow:hidden}
/*=首页banner区域
=============================================================================================*/	
#topwrap{overflow:hidden;margin:5px auto; width:980px;}
#topwrap .left {float:left;width:190px;height:255px;overflow:hidden;background-color:#FFFFFF; margin:0 0 0 1px;}
#topwrap .flash {float:left;width:550px;height:255px;overflow:hidden;background-color:#FFFFFF; margin:0 0 0 5px;}
#fods{position:relative;border-color:#D4D4D4;border-style:solid;border-width:0 1px;height:276px;overflow:hidden;padding:0 5px ; width:660px;}
#Fod_list div {FLOAT: left; CURSOR: pointer; TEXT-ALIGN: center}
#Fod_list div.moardd {BACKGROUND: url(banner_bg.gif) left top no-repeat;WIDTH: 214px; _width:218px;#width:218px;  COLOR: #325e7f; LINE-HEIGHT: 47px; HEIGHT: 47px}
#Fod_list div.moardd A {COLOR: #325e7f}
 #Fod_list .mod {BACKGROUND: url(banner_hover.gif); WIDTH: 214px; COLOR: #ffffff; LINE-HEIGHT: 47px;HEIGHT: 47px}
 #Fod_list .mod A {COLOR: #ffffff}
#fods ul {width:444px; clear:both; float:left; height:278px}
.dis{width:444px; float:left; height:278px}
.undis {DISPLAY: none}
.slider_top {background:transparent url(bg_channel.png) no-repeat scroll 0 0;font-size:0;height:5px;line-height:0;}
.slider_bottom {background:transparent url(bg_channel.png) no-repeat scroll 0 -35px;font-size:0;height:5px;line-height:0;}
#topwrap .right{ width:230px;height:255px; float:right;}
#topwrap .right .r_t{ height:60px;}
#topwrap .right .r_t span{border:1px solid #DEDEDE;float:left;height:60px;margin-left:1px; margin-top:10px;text-align:center;width:100px;}
#topwrap .right .r_b{ position:relative; width:220px;float:left;background:transparent url(bg_news.gif) no-repeat ; height:255px; overflow:hidden;padding-left:10px; padding-top:10px;}
#topwrap .right .r_b .title{ color:#000000; font-size:14px; font-weight:bold; line-height:48px; height:40px; margin-left:18px; margin-top:10px; clear:both}
.r_b .more{ cursor:pointer;display:block;font-size:0;height:20px;position:absolute;right:10px;text-indent:-50px;top:8px;width:30px;}
.line{ height:2px; border-top:1px solid #EAEAEA;}
.brand{ width:980px; height:99px; background:url(bg_brand.gif) left top no-repeat; overflow:hidden}
.brand .BrandListWrap{ margin:15px 0px 0px 230px}
.sgoods{ width:980px; height:280px; background:url(bg_sgoods.gif) left top no-repeat; overflow:hidden}
.sgoods #slidergoods{ width:720px; margin:10px 10px 10px 10px; float:left;overflow:hidden}
#slidergoods{position:relative; height:208px; margin-top:20px; overflow:hidden;}
#slidergoods .GoodsListWrap{ width:1080px; position:absolute; left:0; top:0;height:208px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;}

.sgoods .fah{ width:210px; float:right}
.sgoods .fah .title{color:#000000; font-size:14px; font-weight:bold; line-height:48px; margin-left:18px;clear:both}
.sgoods .fah li{ float:left; width:180px;}

.rexiao{ width:980px; height:350px; overflow:hidden; background:url(bg_rexiao.gif) left top no-repeat}
.rexiao .rx_l{ float:left; margin:10px 0; width:740px;}
.rexiao .rx_r{ float:right; margin:10px 0px; width:210px; overflow:hidden}
.rexiao .rx_l .title,.rexiao .rx_r .title{color:#000000; font-size:14px; font-weight:bold; line-height:30px; margin-left:18px;}


#newgoods,#bestgoods,#recommendgoods{ clear:both; width:980px; overflow:hidden}
#newgoods .more,#bestgoods .more,#recommendgoods .more{ background:url(btn_01.gif) right center no-repeat; padding-right:22px; float:right}
#newgoods h3{background:transparent url(new_title.gif) no-repeat center 0;height:70px;width:980px;}
#bestgoods h3{background:transparent url(best_title.gif) no-repeat center 0;height:70px;width:980px;}
#recommendgoods h3{background:transparent url(stylist_title.gif) no-repeat center 0;height:70px;width:930px;}			
/*=显示底部区域
=============================================================================================*/

.bot_art{ width:980px; height:223px; margin-top:5px; background:url(bg_zixun.gif) left top no-repeat; clear:both}
.bot_art .zx{ float:left;
height:180px;
margin:36px 0 0 20px;
overflow:hidden;
width:700px;}
.bot_art .zx .zxbox{ width:123px; height:160px; margin:0 8px; float:left}
.zx .zxbox span{ float:left; width:123px; height:20px; text-align:center; white-space:nowrap; overflow:hidden}
.bot_art .jq{float:left;
height:170px;
margin:38px 0 0 15px;
overflow:hidden;
width:220px;}
.foot{clear:both;margin:15px auto;text-align:center;overflow:hidden; width:975px; height:68px; background:url(bg_bottom.gif) left top no-repeat}
.foot .f_ad{ width:192px; height:94px; float:left;}



#Copyright{margin:0 auto;width:980px;}
.cut{overflow:hidden;}



.footlogo{ background:url(logo.jpg) left top no-repeat; width:210px; height:53px; float:left;border-right:1px solid #EAEAEA;}
