@charset "utf-8";
/* 8ni.cn
Copyright (c) 2011
List CSS Document */

#class { clear:both; width:980px; background:url(../images/list.gif) no-repeat left -222px; overflow:hidden; }
#class .title { clear:both; width:980px; height:35px; line-height:35px; overflow:hidden; }
#class .title h3 { float:left; height:35px; padding:0 10px; font-size:14px; font-weight:bold; }
#class .title span { float:right; height:35px; padding:0 10px; }
#class .class { clear:both; width:950px; margin:0 15px; border-bottom:1px dashed #e0e0e0; overflow:hidden; }
#class .class span { float:left; width:68px; height:29px; line-height:29px; overflow:hidden; }
#class .class ul { list-style:none; float:right; width:882px; padding:3px 0; }
#class .class li { float:left; height:23px; margin-right:9px; line-height:23px; white-space:nowrap; }
#class .class li a { color:#005bb0; padding:2px 5px; text-decoration:none; }
#class .class li a:hover { color:#ffffff; background-color:#2b99e5; text-decoration:none; }
#class .class li.thisclass a { color:#ffffff; background-color:#2b99e5; text-decoration:none; }
#class .class li.thisclass a:hover { color:#ffffff; text-decoration:underline; }

/*联动筛选*/
#filter{text-align:left;line-height:30px;padding-left:0;margin-bottom:10px;}
#filter span {color:#ffffff; background-color:#2b99e5; text-align:center;font-weight:bold;padding:0 7px;}

#filter dl {border-bottom:1px dotted #ddd;
display: inline-block;
padding: 8px 0;
width: 100%;
}
#filter dt {
float: left;
width: 60px;
text-align:left;
color: #2d2d2d;
} 
#filter dd {
margin-left:15px; /*原为60px*/
}
#filter dd a {
width:70px;
text-align:center;
color: #005bb0; /*原#444*/
margin-right: 4px;
margin-bottom:2px;
padding:4px; /*原4px*/
/* display: inline-block; 用这个间距加大*/
overflow: hidden;
line-height: 20px;
}
#filter dd a:hover{color:#f30;text-decoration:none;}
#filter dd a.on{
width:65px;
text-align: center;
margin-right: 4px;
margin-bottom:2px;
padding: 4px;
display: inline-block;
line-height: 20px;
color: #fff;
box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
background: #17b181;opacity:0.9;filter:alpha(opacity=90);
}


/* Left CSS */
#left { float:left; width:730px; overflow:hidden; }
#left .title { clear:both; width:730px; height:30px; overflow:hidden; }
#left .title ul { list-style:none; float:left; height:30px; }
#left .title li { float:left; width:90px; height:30px; background:#f5f5f5 url(../images/bg.gif) no-repeat -248px -367px; margin-right:3px; font-size:14px; text-align:center; line-height:30px; overflow:hidden; }
#left .title li a { color:#666666; display:block; text-decoration:none; }
#left .title li a:hover { color:#ba2636; text-decoration:underline; }
#left .title li.select { width:90px; height:30px; background:#f5f5f5 url(../images/bg.gif) no-repeat -153px -367px; font-weight:bold; }
#left .title li.select a { color:#ffffff; display:block; text-decoration:none; }
#left .title li.select a:hover { color:#ffffff; text-decoration:underline; }
#left .title span { float:right; height:30px; color:#666666; line-height:30px; overflow:hidden; }
#left .subtitle { clear:both; width:728px; height:30px; background-color:#ebf7fe; border-top:2px solid #4a8cba; border-left:1px solid #b1d5f2; border-right:1px solid #b1d5f2; border-bottom:1px solid #d8dde5; line-height:30px; overflow:hidden; }
#left .subtitle .domain { float:left; width:166px; height:30px; border-right:1px solid #d8dde5; font-weight:bold; text-align:center; overflow:hidden; }
#left .subtitle .intro { float:left; width:361px; height:30px; border-right:1px solid #d8dde5; font-weight:bold; text-align:center; overflow:hidden; }
#left .subtitle .price { float:left; width:110px; height:30px; border-right:1px solid #d8dde5; font-weight:bold; text-align:center; overflow:hidden; }
#left .subtitle .buy { float:left; width:88px; height:30px; text-align:center; font-weight:bold; overflow:hidden; }
#list { clear:both; width:730px; margin-top:10px; overflow:hidden; }
#list .list { clear:both; width:728px; background-color:#fafcff; border-left:1px solid #b1d5f2; border-right:1px solid #b1d5f2; border-bottom:1px solid #b1d5f2;overflow:hidden; }
#list .list ul { list-style:none; clear:both; width:728px; overflow:hidden; }
#list .list li { clear:both; width:728px; height:39px; vertical-align:bottom; overflow:hidden; }
#list .list li.one { background-color:#fafcff; }
#list .list li.two { background-color:#ffffff; }
#list .list li.over { background-color:#ccddff; }
#list .list dl { list-style:none; clear:both; width:728px; height:38px; border-bottom:1px solid #d8dde5; }
#list .list dt { float:left; width:150px; height:38px; padding:0 8px; border-right:1px solid #d8dde5; font-weight:bold; line-height:38px; overflow:hidden; }
#list .list dd.intro { float:left; width:351px; height:38px; padding:0 5px; border-right:1px solid #d8dde5; color:#666666; line-height:38px; overflow:hidden; }
#list .list dd.price { float:left; width:100px; height:38px; padding:0 5px; color:#008000; border-right:1px solid #d8dde5; line-height:38px; overflow:hidden; }
#list .list dd.buy { float:left; width:88px; height:38px; line-height:38px; text-align:center; overflow:hidden; }
#list .list dd.buy a { color:#ffffff; background-color:#2b99e5; border:3px solid #2b99e5; padding:1px 8px; text-decoration:none; }
#list .list dd.buy a:hover { color:#2b99e5; background-color:#ffffff; text-decoration:none; }

#list .pagelist { clear:both; width:728px; height:65px; overflow:hidden; }
#list .pagelist span { float:left; height:65px; color:#666666; line-height:65px; }
#list .pagelist ul { list-style:none; float:right; height:23px; margin:21px 0; line-height:23px; }
#list .pagelist li { float:left; height:23px; background:url(../images/pagelist.gif) no-repeat 0 -99px; margin:0 3px; }
#list .pagelist li a { color:#005bb0; background:url(../images/pagelist.gif) no-repeat right -99px; display:block; margin-left:2px; padding:0 7px 0 5px; text-decoration:none; }
#list .pagelist li a:hover { color:#ba2636; font-weight:bold; text-decoration:underline; }
#list .pagelist .thisclass { background:url(../images/pagelist.gif) no-repeat 0 bottom; font-weight:bold; }
#list .pagelist .thisclass a { color:#cd0000; background:url(../images/pagelist.gif) no-repeat right bottom; display:block; text-decoration:none; }
#list .pagelist .thisclass a:hover { color:#cd0000; text-decoration:underline; }

#commend { clear:both; width:730px; margin-top:10px; overflow:hidden; }
#commend .commend { clear:both; width:728px; background-color:#fafcff; border-left:1px solid #b1d5f2; border-right:1px solid #b1d5f2; border-bottom:1px solid #b1d5f2;overflow:hidden; }
#commend .commend ul { list-style:none; clear:both; width:728px; margin:7px 4px; overflow:hidden; }
#commend .commend li { float:left; width:180px; height:119px; overflow:hidden; }
#commend .commend li.one { background-color:#fafcff; }
#commend .commend li.two { background-color:#fafcff; }
#commend .commend li.over { background-color:#ccddff; }
#commend .commend dl { list-style:none; clear:both; width:150px; height:93px; padding:5px 7px; margin:7px 7px; background-color:#ffffff; border:1px solid #d8dde5; overflow:hidden; }
#commend .commend dt { clear:both; width:150px; height:30px; font-size:14px; font-weight:bold; line-height:30px; overflow:hidden; }
#commend .commend dd.intro { clear:both; width:150px; height:38px; color:#666666; line-height:19px; }
#commend .commend dd.price { clear:both; width:150px; height:25px; color:#008000; text-align:right; line-height:25px; }

/* Right CSS */
#right { float:right; width:235px; margin-left:15px; overflow:hidden; }
#contact { clear:both; width:235px; height:428px; margin-top:10px; overflow:hidden; }
#contact .title { clear:both; width:235px; height:30px; background:#fff2db url(../images/bg.gif) no-repeat left -111px; line-height:30px; overflow:hidden; }
#contact .title h3 { float:left; height:30px; padding-left:10px; color:#c36e00; font-size:14px; font-weight:bold; }
#contact .title span { float:right; height:30px; padding-right:25px; }
#contact .contact { clear:both; width:233px; height:395px; background-color:#fffdfa; border-left:1px solid #f6b84e; border-right:1px solid #f6b84e; border-bottom:1px solid #f6b84e; overflow:hidden; }
#contact .contact ul { list-style:none; clear:both; width:213px; height:375px; padding:10px 10px; overflow:hidden; }
#contact .contact li { clear:both; width:213px; height:25px; line-height:25px; overflow:hidden; }
#contact .contact li img { height:17px; padding:4px 5px 4px 0; }
#contact .contact li span { height:25px; color:#666666; }
#advantage { clear:both; width:235px; height:252px; margin-top:10px; overflow:hidden; }
#advantage .title { clear:both; width:235px; height:31px; background:#f2f9ff url(../images/bg.gif) no-repeat right -111px; line-height:31px; overflow:hidden; }
#advantage .title h3 { float:left; height:31px;; padding-left:10px; color:#333333; font-size:14px; font-weight:bold; }
#advantage .title span { float:right; height:31px; padding:0 10px; }
#advantage .advantage { clear:both; width:233px; height:220px; background-color:#f5fbff; border-left:1px solid #cddceb; border-right:1px solid #cddceb; border-bottom:1px solid #cddceb; overflow:hidden; }
#advantage .advantage ul { list-style:none; clear:both; width:213px; height:200px; padding:10px 10px; overflow:hidden; }
#advantage .advantage li { clear:both; width:213px; height:25px; color:#666666; line-height:25px; overflow:hidden; }
#news { clear:both; width:235px; height:229px; margin-top:10px; overflow:hidden; }
#news .title { clear:both; width:235px; height:31px; background:#f2f9ff url(../images/bg.gif) no-repeat right -111px; line-height:31px; overflow:hidden; }
#news .title h3 { float:left; height:31px;; padding-left:10px; color:#333333; font-size:14px; font-weight:bold; }
#news .title span { float:right; height:31px; padding:0 10px; }
#news .news { clear:both; width:233px; height:196px; background-color:#f5fbff; border-left:1px solid #cddceb; border-right:1px solid #cddceb; border-bottom:1px solid #cddceb; overflow:hidden; }
#news .news ul { list-style:none; clear:both; width:213px; height:176px; padding:10px 10px; overflow:hidden; }
#news .news li { clear:both; width:213px; height:22px; color:#666666; line-height:22px; overflow:hidden; }

#find { clear:both; width:235px; margin-top:10px; background-color:#fafcff; overflow:hidden; }
#find .title { clear:both; width:235px; height:31px; background:#f2f9ff url(../images/bg.gif) no-repeat right -111px; line-height:31px; overflow:hidden; }
#find .title h3 { float:left; height:31px;; padding-left:10px; color:#333333; font-size:14px; font-weight:bold; }
#find .title span { float:right; height:31px; padding:0 10px; }
#find .find { clear:both; width:233px; background-color:#f5fbff; border-left:1px solid #cddceb; border-right:1px solid #cddceb; border-bottom:1px solid #cddceb; overflow:hidden; }
#find .find dl { list-style:none; clear:both; width:223px; background:url(line.gif) no-repeat left bottom; margin:0 5px; padding:5px 0; overflow:hidden; }
#find .find dt { clear:both; height:25px; font-size:12px; font-weight:bold; line-height:25px; overflow:hidden; }
#find .find dt a { color:#666666; text-decoration:none; }
#find .find dt a:hover { color:#333333; text-decoration:underline; }
#find .find dd { float:left; height:23px; margin-right:7px; line-height:23px; white-space:nowrap; }
#find .find dd a { color:#005bb0; padding:2px 5px; text-decoration:none; }
#find .find dd a:hover { color:#ffffff; background-color:#2b99e5; text-decoration:none; }
#find .find dd.thisclass a { color:#ffffff; background-color:#2b99e5; text-decoration:none; }
#find .find dd.thisclass a:hover { color:#ffffff; text-decoration:underline; }
#succeed { clear:both; width:235px; margin-top:10px; overflow:hidden; }
#succeed .title { clear:both; width:235px; height:31px; background:#f2f9ff url(../images/bg.gif) no-repeat right -111px; line-height:31px; overflow:hidden; }
#succeed .title h3 { float:left; height:31px;; padding-left:10px; color:#333333; font-size:14px; font-weight:bold; }
#succeed .title span { float:right; height:31px; padding:0 10px; }
#succeed .succeed { clear:both; width:233px; background-color:#f5fbff; border-left:1px solid #cddceb; border-right:1px solid #cddceb; border-bottom:1px solid #cddceb; overflow:hidden; }
#succeed .succeed ul { list-style:none; clear:both; width:213px; padding:10px 10px; overflow:hidden; }
#succeed .succeed li { clear:both; width:213px; height:22px; color:#666666; line-height:22px; overflow:hidden; }