﻿/*---通用样式---*/
@import url(common.css);
/************************/
#top_region{width:980px;margin-top:-15px;*margin-top:10px;}

#cate_flash{float:left;width:241px;}
#cateflash{margin:10px 0 0 0;}
#mainimg{float:left;width:242px;}
#event_flash{float:left;width:295px;margin:0 0 0 8px;}

#hot{float:left;width:180px;background:url(Image/tophot_bg.gif) 0 0 no-repeat;margin:0 0 0 8px;padding:20px 0 0 0;}
#hot li{float:left;width:175px;padding:0;text-align:left;list-style:none;margin:5px 5px 0 0;padding:0 0 5px 0;}
#hot .pic {float:left;}
#hot .pic img{width:60px;height:50px;border:1px solid #efefef;}
.hot1,.hot2,.hot3,.hot4,.hot5 {float:left;width:85px;margin:0;text-align:left;line-height:18px;padding-left:28px}
#hot .name{width:85px;margin-top:5px;color:#666666;}
#hot .price{width:85px;margin-top:5px;margin-bottom:7px;font-size:12px;color:#eb5e00;}

.hot1{background:url(Image/hot_1.gif) 8px 4px no-repeat;}
.hot2{background:url(Image/hot_2.gif) 8px 4px no-repeat;}
.hot3{background:url(Image/hot_3.gif) 8px 4px no-repeat;}
.hot4{background:url(Image/hot_4.gif) 8px 4px no-repeat;}
.hot5{background:url(Image/hot_5.gif) 8px 4px no-repeat;}
/************************/
#bnn_region{width:980px;margin-bottom:25px;}
#nkr{float:left;width:610px;}
/************************/
#notice{float:left;width:240px;height:176px;background:url(Image/notice_bg.gif) 0 0 no-repeat;padding:49px 0 0 0;margin:0 0 5px 0;}
#notice li{float:left;width:220px;_width:210px;list-style:none;margin:0 10px;_margin:0 7px;padding:5px 0;}
.nt_lst{text-align:left;background:url(Image/l_b_sp.gif) bottom repeat-x;}
.nt_more{text-align:right;}
.nt_lst a{width:210px;_width:205px;background:url(Image/arrow_n.gif) 0 3px no-repeat;padding-left:13px;*background-position:0 2px; display:block;}
#notice a:link,#notice a:visited,#notice a:active{color:#666666;text-decoration:none;}
#notice a:hover {text-decoration:underline;}

#best,#new{float:left;width:365px;background:url(Image/bn_fbg.gif) 0 bottom no-repeat;padding-bottom:7px;margin:0 0 0 5px;}
#best dt,#new dt{float:left;width:351px;height:37px;background:url(Image/bn_tbg.gif) 0 0 no-repeat;text-align:right;padding:12px 14px 0 0;}
#best dd,#new dd{float:left;width:365px;_width:361px;margin:0;padding:0;}
#best dd{background-color:#c3d9ff;}
#best ul,#new ul{float:left;width:361px;background-color:#fff;padding:0;margin:0 2px;_margin:0 1px;}
#best li{float:left;width:100px;height:156px;*height:159px;_height:157px;line-height:16px;list-style:none;margin:10px 0 3px 14px;_margin:10px 6px 3px 6px;color:#666666;}
#best li img{border:1px solid #efefef;margin-bottom:0px;*margin-bottom:5px;}
#best a:link,#best a:visited,#best a:active{color:#666666;text-decoration:none;}
#best a:hover {text-decoration:underline;}
#best span{font-size:11px;color:#de2020;}

#new dt{ background-position:0 -49px;}
#new dd{background-color:#dbf09c;}
#new ul{padding-top:2px;}
#new{ background-position:-365px bottom;}
#new li{float:left;width:160px;height:55px;padding:0;text-align:left;list-style:none;margin:9px 5px 0 12px;padding:0 0 2px 0;_margin-left:7px;}
#new .pic {float:left;}
#new .pic img{width:60px;height:50px;border:1px solid #efefef;}
#new .info {float:right;width:90px;margin:0 0 0 0;text-align:left;line-height:18px;}
#new .name{width:90px;margin-top:5px;color:#666666;}
#new .price{width:90px;margin-top:5px;margin-bottom:7px;font-size:11px;color:#de2020;}
/************************/
#special_region{width:968px;height:206px;background:url(Image/sr_bg.gif) top right no-repeat;margin-bottom:10px;margin-top:30px;*margin-top:0;*margin-bottom:20px;}
#sr_flash{float:left;width:224px;margin:0;}
#sr_menu{float:left;width:138px;margin:21px 0 0 0;padding:0;}
#sr_menu li{float:left;list-style:none;margin:8px 0 0 5px;_margin-left:0;}
#sr_menu li img{float:right;display:block;}
#sr_content1,#sr_content2{ display:none;}
#sr_content0,#sr_content1,#sr_content2{float:left;width:596px;padding:0;margin:10px 0 0 5px;_margin-left:0;}
#sr_content0 li,#sr_content1 li,#sr_content2 li{float:left;list-style:none;margin:7px 0 0 15px;color:#666;_margin-left:14px;}
#sr_content0 img,#sr_content1 img,#sr_content2 img{ border:1px solid #85b8d9;}
#sr_content0 a,#sr_content1 a,#sr_content2 a{ display:block;width:102px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;}
#sr_content0 span,#sr_content1 span,#sr_content2 span{ color:#333;font-size:14px;}
/*********************border:1px solid #000;***/
#cate_region{ width:980px;margin-bottom:10px;_margin-bottom:0px;}

#cate_region dt{ width:300px;height:21px;float:left;background:url(Image/cr_tbg.gif) 0 0 no-repeat;color:#fff;font-weight:bold;text-align:right;padding:14px 20px 0 0;}
#cr1 dt{ background-position:0 0;}
#cr2 dt{ background-position:0 -35px;}
#cr3 dt{ background-position:0 -70px;}
#cr4 dt{ background-position:0 -105px;}
#cr5 dt{ background-position:0 -140px;}
#cr6 dt{ background-position:0 -175px;}

#cr1,#cr4{margin-right:10px;}
#cr2,#cr5{margin-right:10px;}

#cate_region dl{ width:320px;float:left;margin-bottom:0;*margin-bottom:10px;}
#cate_region dd{float:left;margin-left:0;}
#cate_region ul{float:left;margin:0;padding:0;}

/*1层*/
.cr_bi{ width:314px;padding:3px;_padding-bottom:0;}
.cr_bi img{margin:0;}
#cr1 .cr_bi{background-color:#a3d50e;height:192px;}
#cr2 .cr_bi{background-color:#19cfdf;height:192px;}
#cr3 .cr_bi{background-color:#ffa9bf;height:192px;}
#cr4 .cr_bi{background-color:#adbbc8;height:129px;}
#cr5 .cr_bi{background-color:#7eb4e5;height:129px;}
#cr6 .cr_bi{background-color:#ffb006;height:129px;}

/*2层*/
.cr_pl{ width:314px;height:134px;padding:0 3px 3px 3px;}
#cr1 .cr_pl{background-color:#a3d50e;}
#cr2 .cr_pl{background-color:#19cfdf;_margin-top:-1px;}
#cr3 .cr_pl{background-color:#ffa9bf;_margin-top:-1px;}
#cr4 .cr_pl{background-color:#adbbc8;}
#cr5 .cr_pl{background-color:#7eb4e5;}
#cr6 .cr_pl{background-color:#ffb006;}

.cr_pl ul{width:314px;background-image:url(Image/cr_2ndbg.gif);background-repeat:no-repeat;height:134px;padding:4px 0 0 0;}
#cr_s1{ background-position:0 0;}
#cr_s2{ background-position:0 -134px;}
#cr_s3{ background-position:0 -268px;}
#cr_s4{ background-position:0 -402px;}
#cr_s5{ background-position:0 -536px;}
#cr_s6{ background-position:0 -670px;}

.cr_pl li{float:left;padding:0;list-style:none;}
.cr_pl li p{width:86px;float:left;margin:0;padding-left:5px;text-align:left;line-height:19px;height:55px;}
.cr_pl li p a:link,.cr_pl li p a:visited,.cr_pl li p a:active{color:#666666;text-decoration:none;}
.cr_pl li p a:hover {color:#ff0000;text-decoration:none;}
.cr_pl img{ border:1px solid #ccc;}

.crpl1{width:146px;margin:8px 0 0 11px;_margin-left:5px;}
.crpl2{width:152px;margin:8px 0 0 5px;}
.crpl3{width:146px;margin:8px 0 0 11px;_margin-top:6px;_margin-left:5px;}
.crpl4{width:152px;margin:8px 0 0 5px;_margin-top:6px;}

.cr_pl .price{ font-weight:bold;}
#cr_s1 .price{color:#669900;}
#cr_s2 .price{color:#0f9f9f;}
#cr_s3 .price{color:#ee4570;}
#cr_s4 .price{color:#336699;}
#cr_s5 .price{color:#3d81c1;}
#cr_s6 .price{color:#ff9900;}


/*3层*/
.cr_fl{width:320px;height:125px;background-image:url(Image/cr_3rdbg.gif);background-repeat:no-repeat;}
#cr1 .cr_fl{background-position:0 0;}
#cr2 .cr_fl{background-position:0 -125px;}
#cr3 .cr_fl{background-position:0 -250px;}
#cr4 .cr_fl{background-position:0 -375px;}
#cr5 .cr_fl{background-position:0 -500px;}
#cr6 .cr_fl{background-position:0 -625px;}
#cr7 .cr_fl{background-position:0 -750px;}

.cr_fl a:link,.cr_fl a:visited,.cr_fl a:active{color:#505050;text-decoration:none;}
.cr_fl a:hover {color:#505050;text-decoration:underline;}
.cr_fl li{list-style:none;}

.cr_fontlst{ margin:0;}
.cr_fontlst li{ margin:0;list-style:none;}
.more_sr3 {float:left;width:310px;text-align:right;padding:8px 10px 0 0;}
.crfl1 {width:100px;float:left;text-align:center;padding:12px 0 0 0;}
.crfl2,.crfl3,.crfl4,.crfl5,.crfl6 {width:190px;float:left;text-align:left;}
.crfl2{background:url(Image/crfl1.gif) 0 8px no-repeat;padding:6px 0 0 18px;}
.crfl3{background:url(Image/crfl2.gif) 0 6px no-repeat;padding:4px 0 0 18px;}
.crfl4{background:url(Image/crfl3.gif) 0 6px no-repeat;padding:4px 0 0 18px;}
.crfl5{background:url(Image/crfl4.gif) 0 6px no-repeat;padding:4px 0 0 18px;}
.crfl6{background:url(Image/crfl5.gif) 0 6px no-repeat;padding:4px 0 0 18px;}

.cr_imglst { width:320px;float:left;margin:0;padding:0;}
.cr_imglst li{float:left;padding:0;list-style:none;}
.c_r_rect_img{float:left;display:block;}
.ilst1{ width:103px;margin:0 0 2px 3px;_margin:0 0 2px 2px;}
.ilst2{ width:103px;margin:0 0 2px 2px;_margin:0 0 2px 2px;}
.ilst3{ width:104px;margin:0 0 2px 2px;_margin:0 0 2px 2px;_width:102px;}

.ilst4{ width:103px;margin:0 0 2px 3px;_margin:0 0 2px 2px;}
.ilst5{ width:103px;margin:0 0 2px 2px;_margin:0 0 2px 2px;}
.ilst6{ width:104px;margin:0 0 2px 2px;_margin:0 0 2px 2px;_width:102px;}

.ilst7{ width:103px;margin:0 0 2px 3px;_margin:0 0 0 2px;}
.ilst8{ width:103px;margin:0 0 2px 2px;_margin:0 0 0 2px;}
.ilst9{ width:104px;margin:0 0 2px 2px;_margin:0 0 0 2px;_width:102px;}
/************************/
#region3{width:980px;clear:both;margin-top:10px;*margin-top:0;}
#customer_center {float:left;width:212px;height:185px;background:url(Image/bg_cutomercenter.gif) 0 0 no-repeat;}

#news {float:left;width:265px;height:185px;background:url(Image/bg_news.gif) 0 0 repeat-x;}
#news_title{width:265px;height:25px;margin:17px 0px 0px 0px;background:url(Image/bg_news_title.gif) 0 0 no-repeat;}
#news_title img{float:right;margin-top:10px;margin-right:20px;}
#newslist {width:240px;margin:0px;padding:0px;margin-top:5px;}
#newslist li{float:left;width:217px;list-style:none;margin:0px;padding:5px 3px 5px 8px;background:url(Image/sp_news.gif) 0 10px no-repeat;text-align:left;}
#newslist a:link,#newslist a:visited,#newslist a:active{color:#666666;text-decoration:none;}
#newslist a:hover {text-decoration:underline;}

#sguide {float:left;width:502px;height:185px;background:url(Image/bg_sguide.gif) 0 0 no-repeat;}
#shop_guide{float:left;margin:40px 0px 0px 0px;padding:0px;width:280px;}
#shop_guide li {float:left;margin-right:5px;list-style:none;}

#other_info{float:left;margin:0px 0px 0px 10px;padding:0px;width:200px;}
#other_info li {margin-top:7px;list-style:none;}

#space{clear:both;height:10px;}
#link_panel{clear:both;width:940px;height:69px;_margin-top:-3px;margin-bottom:10px;background:url(Image/bg_partner.gif) 0 0 no-repeat;text-align:left;line-height:20px;padding:45px 20px 0px 20px;}
#link_panel a{margin-left:8px;}
#link_panel a:link,#link_panel a:visited,#link_panel a:active{color:#666666;text-decoration:none;}
#link_panel a:hover {color:#ff9900;text-decoration:none;}
