﻿
#twocolumn {margin:0 auto; width:974px; margin-top:12px;}
#onecolumn {margin:0 auto; width:964px; margin-top:12px;}



/*左部侧栏*/
#leftcolumn {width:186px; background:url(/SiteCommon/Images/dot_vertical.gif) right top repeat-y; float:left;}
a.tips {display:block; width:185px; height:116px; background:url(/SiteCommon/Images/tips.gif) top left no-repeat;}
#catagory {width:185px; background:url(/SiteCommon/Images/cate_topbg.gif) top left no-repeat; padding-top:60px; }
ul.catatitle {width:148px; height:32px; background:url(/SiteCommon/Images/categories.gif) top left no-repeat; margin-left:19px;}
ul.catatitle li {float:left;}
ul.catatitle li a  {display:block; width:74px; text-align:center; font:12px "Microsoft YaHei"; font-weight:bold;line-height:32px; color:#FFF;}
ul.catatitle li.now a {color:#FFFF00;}
.goodscate {background:url(/SiteCommon/Images/cate_bottombg.gif) bottom left no-repeat; padding:0 0 83px 6px;}
.goodscate h3 {margin:5px 0 0 5px; font-size:12px; background:url(/SiteCommon/Images/arrow.gif) 95% 50% no-repeat; text-indent:2px;  position:relative; }
.goodscate h3 a {color:#2dacd1; width:175px; line-height:22px; display:block;}
.goodscate h3 a:hover {background:url(/SiteCommon/Images/h3_bg.gif) no-repeat; text-decoration:none;}
ul.line {text-indent:2px;}
ul.line li {float:left; display:inline; line-height:15px; background: url(/SiteCommon/Images/line.gif) no-repeat right 20%; word-break:keep-all; white-space:nowrap; margin:0 5px; padding-right:8px;}
ul.line li.last {background:none;}
#parenting {width:185px; height:270px; background:url(/SiteCommon/Images/parenting.jpg) top left no-repeat; text-align:center; }
#parenting ul {padding:104px 0 0 10px; line-height:20px; text-align:left;}
#parenting li {background:url(/SiteCommon/Images/list_img1.gif) left no-repeat; padding-left:8px; margin-left:6px;}
#hotline {width:185px; height:172px; background:url(/SiteCommon/Images/hotline.gif) no-repeat;}


/*右部主内容区*/
#rightcolumn {width:768px; padding-right:5px; float:right;}
div.age {background:url(/SiteCommon/Images/age.gif) left top no-repeat; padding-top:34px; margin-top:10px;}
div.brand {background:url(/SiteCommon/Images/brand.gif) left top no-repeat; padding-top:34px; margin-top:10px;}
div.function {background:url(/SiteCommon/Images/function.gif) left top no-repeat; padding-top:34px; margin-top:10px;}
dl.producttag {background-color:#def3ff; line-height:30px; border:1px dashed #5bc2fa; min-height:30px; width:766px;}
dl.producttag dt, dl.producttag dd  {float:left; }
dl.producttag dt a, dl.producttag dd a {padding:0 8px; display:block;}
dl.producttag dt a {font-weight:bold; margin-left:10px;}
.productlist h4 {font-size:14px; font-weight:normal; margin:20px 0 3px;}
.productlist h4 span.highlight {color:#ed6d00; font-weight:bold;}
div.displaypanel { width:768px; height:30px; background:url(/SiteCommon/Images/displaypanel_bg.gif); overflow:hidden; line-height:30px; }
.displaypanel label { padding-left:8px; float:left;}
ul.showstyle li {float:left;}
li.showgrid a {background:url(/SiteCommon/Images/showgrid.gif) no-repeat; width:12px; height:13px; display:block; margin:8px 2px 9px;}
li.showgrid a:hover, li.showgrid span.active {background:url(/SiteCommon/Images/showgrid_active.gif) no-repeat; width:12px; height:13px; display:block; margin:8px 2px 9px;}
li.showrow a {background:url(/SiteCommon/Images/showrow.gif) no-repeat; width:12px; height:13px; display:block; margin:8px 2px 9px;}
li.showrow a:hover, li.showrow span.active {background:url(/SiteCommon/Images/showrow_active.gif) no-repeat; width:12px; height:13px; display:block; margin:8px 2px 9px;}
.displaypanel select {float:left; margin-top:4px;}
/*页码*/
ul.pagepanel {float:right; margin-right:5px; margin-top:6px; margin-bottom:7px; overflow:hidden; }
ul.pagepanel li {float:left; margin:0 2px;}
ul.pagepanel li a {float:left; display:block; text-align:center; height:16px;  min-width:12px; line-height:16px; border:1px solid #ccc; background-color:#fff; padding:0 2px; color:#2dacd1; text-decoration:none;  border:1px solid #ccc;}
ul.pagepanel li.now {text-align:center; height:16px; min-width:12px; line-height:16px; padding:0 2px; border:1px solid #ccc;}
ul.pagepanel li a:hover, ul.pagepanel li.now {background-color:#2dacd1; color:#fff; border:1px solid #2dacd1;}
ul.pagepanel li.back a { width:20px; height:18px; background:url(/SiteCommon/Images/backarrow.gif) no-repeat; padding:0; border:0;}
ul.pagepanel li.back a:hover {background-position:0 -18px;}
ul.pagepanel li.back span.disable { display:block; width:20px; height:18px; background:url(/SiteCommon/Images/backarrow_d.gif) no-repeat; padding:0; border:0;}
ul.pagepanel li.next a {width:55px; height:18px; background:url(/SiteCommon/Images/nextarrow.gif) no-repeat; padding:0; border:0; text-align:left; padding-left:4px;  line-height:18px;}
ul.pagepanel li.next a:hover {background-position:0 -18px; text-decoration:none; padding:0; border:0; padding-left:4px;}
ul.pagepanel li.next span.disable {display:block; width:55px; height:18px; background:url(/SiteCommon/Images/nextarrow_d.gif) no-repeat; padding-left:4px; border:0; color:#CCC; line-height:20px;} 


/* 左部主内容区 */
#newspaper #twocolumn {background:url(/SiteCommon/Images/dot_vertical.gif) 783px top repeat-y; }
#leftcolumn2 {width:763px; padding-left:5px; float:left;}
table.newslist {width:100%; margin-top:10px; line-height:30px;}
table.newslist td { border-bottom:1px solid #e7e7e7;}
table.newslist td.news {background:url(/SiteCommon/Images/newslist_bg.gif) top left no-repeat; text-indent:30px;}
table.newslist td.date {width:90px;}
ul.pagepanel2 { width:180px; margin:0 auto; margin-top:30px;}
ul.pagepanel2 li {float:left; line-height:12px; text-align:center;}
ul.pagepanel2 li a { width:13px; height:13px; display:block; margin:0 4px; }
ul.pagepanel2 li.first a {background:url(/SiteCommon/Images/li_first.gif) no-repeat;}
ul.pagepanel2 li.back a {background:url(/SiteCommon/Images/li_back.gif) no-repeat;}
ul.pagepanel2 li.next a {background:url(/SiteCommon/Images/li_next.gif) no-repeat;}
ul.pagepanel2 li.last a {background:url(/SiteCommon/Images/li_last.gif) no-repeat;}
ul.pagepanel2 li.total {padding-left:10px;}
ul.pagepanel2 li.page {margin:0 4px;}
#leftcolumn2 div.title {width:100%; margin-top:10px; text-align:center; border-bottom:3px solid #ddd; padding-bottom:5px;}
#leftcolumn2 div.title h1 {font:24px "Microsoft YaHei"; font-weight:normal; color:#59b6df;}
#leftcolumn2 p {text-indent:24px; line-height:20px; padding:10px 10px 0;} 
#promotion #leftcolumn2 {width:761px; margin-left:5px; float:left; border:1px solid #EEE;}



/* 右部侧栏 */
#rightcolumn2 {width:186px; padding-right:5px; float:right;}
#rightcolumn2 .productlist {padding-left:10px;}
#rightcolumn2 .productlist h3 { width:176px; height:32px; font:14px "Microsoft YaHei"; font-weight:bold; color:#FFF; text-align:center; background:url(/SiteCommon/Images/menu_bg.gif) no-repeat; line-height:26px;}
#rightcolumn2 .product li {border-bottom:1px dotted #4eaddd; width:176px; height:65px; padding-top:5px;}
#rightcolumn2 .last li {border:none;}
#rightcolumn2 .product p {padding-left:70px; line-height:18px;}
#rightcolumn2 .product img {float:left; margin:0 5px;}
li.promotion {text-align:center;}
li.promotion img {margin-top:10px;}

/*单栏*/
#onecolumn .banner {text-align:center;}
#onecolumn ul.list {width:964px; border:1px solid #EEE; margin-top:10px; min-height:720px; }
#onecolumn ul.list li {float:left; margin:20px 0 0 28px; display:inline;}
