﻿/* CSS Document */

body,td,div,form {color:#000; font-family: "微软雅黑"，"宋体", Arial, Tahoma,Verdana,  Helvetica, sans-serif; font-size:12px;}
.grayLink a:link, .grayLink a:visited { color:#333;}
.yellowLink a:link, .yellowLink a:visited { color:#f60;}
.greenLink a:link, .greenLink a:visited { color:#690;}
.xw { width:950px; text-align:left; margin:0 auto;}
.l { float:left;}
.r { float:right;}
.cf { clear:both; font-size:1px; line-height:1px; display:block; height:0px;}




#categorytdd{width:205px; border:-1px solid #cccccc; margin-top:5px}
#categorytdd .line{}
#categorytdd .file{ width:205px;}
#categorytdd ul{ position:relative;}
.listtitle{ font-size:12px; font-weight:bold; color:#707070;}
.listtitle a:link,.listtitle a:visited{ display:block; background:url(../images/index_cagttory_line.gif) no-repeat; height:24px; line-height:24px; padding-top:2px; text-indent:3px; color:#707070; text-decoration:none;}
.listfile{ line-height:24px; padding:0 0 4px 0; background:url(../images/hei_index/line2.gif) repeat-x 0 bottom;}
.listfile a:link,.listfile a:visited{ color:#666; text-decoration:none;}
.listfile a:hover{ color:#f60; text-decoration:underline;}
#categorytdd .brand{ z-index:10; position:absolute; top:0; left:181px; width:145px; padding:8px 18px 0px 15px; height:204px; background:url(../images/hei_index/brand_bg.gif) no-repeat;}
#categorytdd .brand h1{ background:url(../images/hei_index/index_81.gif) repeat-x; height:19px; line-height:19px; color:#404040; text-indent:15px; font-size:12px;}
#categorytdd .brand dd{ margin-top:7px; line-height:20px; color:#dadada;}
#categorytdd .brand dt{ padding-bottom:6px;}
#categorytdd .brand dt a{ float:right;}
#categorytdd .brand dt img{ float:right; margin:6px 0 0 4px;}

#notic{ background:url(../images/index_notic_border.gif) repeat-x; height:35px; line-height:32px;width:520px; float:left;}
#notic .mid{float:right; margin-right:3px}


#hot{ width:215px;background:url(../images/bghome3.png) no-repeat 0 160px; }
#hot h2{height:22px; padding:3px 0 0 10px;background:url(../images/bghome3.png) no-repeat 0 -83px;color:#ff6633; font-size:14px;}
#hot ul{border:1px solid #D4D4D4; border-width:0 1px;}
#hot #hotgoods{  padding:5px 4px 4px; border-bottom:1px dashed #D8D8D8; }
#hot #hotgoods li{ display:inline; margin:0 4px 0 0; font-size:14px;line-height:22px;}
#hot #hotgoods li span{ font-weight:bold;}
#hot #hotgoods li em{ color:#F60; font-style:normal;}
#hot #hotgoods li strong{ color:#009900; font-size:16px;}
#hot #hotgoods li a:hover span,#hot #hotgoods li a:hover em,#hot #hotgoods li a:hover strong{ color:#FF6600;}
#hot #hotareas{ height:112px; padding:3px 2px 2px 5px;background:#FFF;}
#hot #hotareas li{ display:inline; float:left;width:95px; height:33px;margin:3px 4px 0 4px;background:url(../images/bghotareas2.png) no-repeat -1px -1px;}
#hot #hotareas li a{ display:block; width:51px; height:29px; line-height:29px; margin:1px 2px 2px 1px; padding:0 0 0 40px;color:#F60;background:url(../images/bghotareas2.png) no-repeat 0 -42px;}
#hot #hotareas li a#hot2{background-position:-100px -42px;}
#hot #hotareas li a#hot3{background-position:-100px -116px;}
#hot #hotareas li a#hot5{background-position:0 -79px;}
#hot #hotareas li a#hot6{background-position:-100px -79px;}
#hot #hotareas li a#hot10{background-position:0 -116px;}

#new{ margin-top:10px;}
#new .title{ background:url(../images/index_122.gif) repeat-x; height:37px;}
#new .title div{ float:left;}
#new .title .cpssy{ width:100px; height:37px;margin:0px; padding:0px; float:left; display:block;}
#new .title .cpssy a:link,#new .title .cpssy a:visited{ margin:0px; padding:0px;}
#new .title .cpssy a:hover,#new .title .cpssy a:active{ margin:0px; padding:0px;} 
#new .title a{ float:right; margin:14px 15px 0 0;}
#new ul{ margin-top:14px;}
#new ul li{ float:left; width:110px; line-height:20px; margin-right:40px;}
#new ul li a{ display:block;}
#new .price{ background:none; text-indent:0;}
#new .laster{ margin-right:0px;}
.blk_18 {
	WIDTH: 510px;
	height:220px;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	ZOOM: 1;

	margin-top:5px;
	margin-left:3px;
	float:left
}
.blk_18 .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH: 489px}
.blk_18 .ScrCont {WIDTH: 32766px; ZOOM: 1}
.blk_18 #List1_1 {FLOAT: left}
.blk_18 #List1_1 a{ margin-left:7px}
.blk_18 #List2_1 {FLOAT: left}
.blk_18 .LeftBotton {
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px;
	background-image: url(../images/200901172157020.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.blk_18 .RightBotton {
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px;
	background-image: url(../images/200901172157020.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.blk_18 .RightBotton {BACKGROUND-POSITION: 0px -100px; MARGIN-LEFT: -1px}
.blk_18 .RightBotton:hover {BACKGROUND-POSITION: -20px -100px}
.blk_18 .pl IMG {DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
.blk_18 .pl {
	FLOAT: left;
	WIDTH: 114px;
	LINE-HEIGHT: 24px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	margin-left: 15px;
	border: 1px solid #f3f3f3;
	height:215px;
}

.blk_18 A.pl:hover {
	WIDTH: 114px;
BORDER-RIGHT: #ff9900 1px solid; height:215px; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid
}
.commu_cont3 {MARGIN: 9px 7px 4px; LINE-HEIGHT: 150%}
.commu_cont3 UL {width:188px;}

.butleft{margin:0px;padding:0px;background: url(../images/200901172157020.gif) no-repeat center top;width:16px;height:73px;display:block;float:left;margin-top:50px;}
.butleft:hover{background-position:-20px 0px;}
.butleft{background-position:0px 0px;}

.butright{margin:0px;padding:0px;background: url(../images/200901172157020.gif) no-repeat center; float:left;margin-top:50px; display:block;width:16px;height:73px;}
.butright:hover{background-position:-20px -100px;}
.butright{background-position:0px -100px; MARGIN-LEFT: -1px}

.side{ width:215px; text-align:left;margin-top:5px;}
.side h2{padding-left:10px; font-size:14px; background-color:#f2f2f2; text-align:left;color:#000000;height:22px;}

#List_mode{ border:1px solid #CCCCCC;}

#List_mode p,#List_mode ul{ margin:0; }
#List_mode p{ text-align:center;}
#List_mode p img{ border:1px solid #CCCCCC;}
#List_mode ul.list{  padding:0 0 4px 7px; margin-top:10px}
#List_mode ul.list li a{ color:#3366CC}
#List_mode ul.list2{ padding:5px 0 0; background:#FFFFFF;}
ul.list li{ padding:0 0 0 11px;background:url(../images/libg.gif) no-repeat -0px -0px; margin-bottom:10px;border-bottom: 1px #E1C4C4 dashed;overflow:hidden;height:18px;width:190px}
ul.list .no{background:url()}
ul.list img{ ;max-width: 180px;width:expression(this.width>180?"180px":this.width+"px"); border:1px solid #cccccc}



.IndexMode2 { float:left; width:520px;  border-bottom:1px solid #cccccc;margin:5px 0 0 3px}
.IndexMode2 h2 { padding:5px 0 0 10px; height:17px;background:url(../images/index_mode2_h2.gif);font-size:14px; color:#000000; margin:0}
.IndexMode2 h2 a{ position:relative;display:block;height:17px;}
.IndexMode2 .bb{width:508px; height:241px; padding:3px 5px 0;border:1px solid #D4D4D4; border-width:0 1px; background:#FFFFFF;}
.IndexMode2 .more{ position:absolute; top:0; right:9px;font-size:12px;font-weight:normal;}
.IndexMode2pic { position:relative; float:left}
.IndexMode2pic li {line-height:0; clear:left}
.IndexMode2pic li span { position:absolute; width:15px; height:18px; line-height:18px; top:180px; left:5px; border:1px solid #cccccc; text-align:center; font-weight:bold; background-color:#ffffff; color:#666666;z-index:1; }
.IndexMode2pic li span.z12 { margin-left:20px;}
.IndexMode2pic li div { display:none; }
.IndexMode2pic li div img { width:180px; height:200px; }
.IndexMode2pic li.c span { background-color:#666666;}
.IndexMode2pic li.c span a{ color:#FFFFFF; text-decoration:none;}
.IndexMode2pic li.c div { display:block; }
.IndexMode2content { float:left; width:316px; padding:0 5px 5px;}
.IndexMode2content li { float:left; height:20px;line-height:19px; width:310px; }
.IndexMode2content li.img { width:90px; height:auto; text-align:center; margin-left:12px!important;margin:0 0 5px;}
.IndexMode2content li a { color:#666666; float:left; }
.IndexMode2content li a:hover { color:#FF6600; }
.IndexMode2content li img { float:left; width:100px; height:100px; border:1px solid #CCCCCC; margin-left:5px}
.IndexMode2content li em { display:block; font-style:normal; line-height:18px; }
.IndexMode2content li.img span { display:block; font-weight:bold;text-align:center; }
.IndexMode2keyw { display:inline; float:left;margin:0 5px;padding:8px 0 8px 5px; border-top:1px dashed #D8D8D8; }
.IndexMode2keyw li { float:left; }
.IndexMode2keyw li a { color:#999900; padding:0 4px 0 0; }
.icon1{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -0px -0px; text-indent:-2em;}
.icon2{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -30px -0px; text-indent:-2em;}
.icon3{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -60px -0px; text-indent:-2em;}
.icon4{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -90px -0px; text-indent:-2em;}
.more{display:block;width:32px; height:15px;line-height:15px;background:url(../images/bb3.png) no-repeat -120px -0px;}
.IndexMode2right{background:url(http://i2.eachimg.cn/2/i/IndexMode2/model/bgcaonima.png) right no-repeat; width:150px; height:90px; float:left; margin-top:5px; padding:11px 10px 11px 16px;}
.IndexMode2right span{ display:block; width:70px; line-height:24px; height:24px;}
.IndexMode2right span em{font-style:normal;}
.IndexMode2right img{float:right; width:80px; overflow:hidden;}



.disno {display:none}
.shopbox {width:520px;float:right;}
.shopbox .top {margin-top:5px;height:29px;background:url(../images/b3.png) no-repeat;}
.shopnavs div{margin-left:5px;}
.shopnavs dl {margin-left:15px;}
.shopnavs dd {float:left;}
.shopnavs a {display:block;width:55px;line-height:18px;height:18px;color:#666;font-size:14px;text-align:center;border-left:1px solid #cccccc;}
.shopnavs a:hover, .shopnavs a.on {font-weight:bold;line-height:22px;background-color:#fff;position:relative;color:#ff7525;border:1px solid #cccccc;border-bottom:0;width:62px;height:22px;margin-top:6px}
.shopdiv{border:1px solid #cccccc;border-top:0;width:395px;padding-left:2px;height:180px;overflow:hidden;}
.Shopcat {height:125px}
.Shopcat dl {height:175px;overflow:hidden;padding-left:2px}
.Shopcat dd {float:left;width:96px;text-align:center;padding-top:10px;height:120px;overflow:hidden;}
.Shopcat dd span {display:block;line-height:30px}
.Shopcat dd .i {height:96px;display:block}
.Shopcat dd .i img {width:90px;height:90px}
.Shopcat dd .t {height:22px;line-height:22px;}
.Shopcat dt {height:45px;line-height:22px;border-top:1px dotted #ddd;clear:both;text-align:center;}
.btndiv {border-top:1px dotted #aaa;padding-top:6px;margin-right:5px;height:53px}
.shopnavs{height:28px;overflow:hidden}
#shopCom ul{ margin-top:5px; margin-left:15px}
#shopCom .TextList li { width:250px;  display:inline; float:left; margin:2px 0 3px 0}
#shopCom .TextList li em img { margin-top:-1px; }
#shopCom .TextList li span {display:block;overflow: hidden; text-overflow:ellipsis;;width:145px; float:left; margin-top:2px}
#shopCom ul li a{color:#0054C8; text-decoration:none; font-size:13px; width:160px; }
#shopCom .ImgList { margin-top:10px}
#shopCom .ImgList li { float:left; display:inline; width:130px}
#shopCom .ImgList li .Shopimg { margin-left:6px; border:1px solid #cccccc; width:110px; height:110px } 
#shopCom .ImgList li { width:120px; text-align:center}
#shopCom .ImgList li a:hover { color:#FF7525}




.pad3{width:940px;margin:0 auto;border:1px solid #ddd;padding:8px 0 1px 7px;font-size:0;line-height:0;height:95px;}
.pad3 img{margin:0 3px 6px 0;font-size:0;line-height:0;}
.pad3 a img{filter:alpha(opacity=80);moz-opacity:0.8;opacity:.80;}
.pad3 a:hover img{filter:alpha(opacity=100);moz-opacity:1;opacity:1;}
#link {width:950px; text-align:left; color:#707070;margin-top:5px;margin:auto}
#link a{color:#707070;}


/*footer*/	
#footer	{width:950px;margin:0 auto;padding-bottom:25px;}
#footer h3{line-height:40px;text-align:center;color:#ccc;font-weight:normal;font-size:10px;}
#footer h3 a{margin:0 24px;font-size:12px;}
#footer h3 a:link{color:#808080;}
#footer h3 a:visited{color:#808080;}
#footer h3 a:hover{color:#C63919;}
#footer h3 a:active{color:#808080;}
.footerWrap{width:950px;margin:0 auto;overflow:hidden;padding:5px 0;}
.footerWrap	.logoA	{float:left;width:180px;text-align:center;padding-top:20px;}
.footerWrap	.copyrightA	{float:left;width:600px;color:#8B2323;line-height:22px;}
.footerWrap	.copyrightA a:link{color:#000;}
.footerWrap	.copyrightA a:visited{color:#808080;}
.footerWrap	.copyrightA a:hover{color:#C63919;}.footerWrap	
.copyrightA a:active{color:#000;}


