
#ad { margin: 0px 0 10px; }
#ad img { border: 1px solid #369; }
#ad table { table-layout: fixed; }

.scrollingimg{width:190px; background:#e9f4e9; position:relative; margin:0 auto;}
.imgview{clear:both; width:188px; height:258px;border:1px solid #e8e8e8;}
.imgnav{width:/*71*/115px; height:20px; position:absolute; bottom:38px; right:5px; text-align:center; overflow:hidden;}
.imgtitle{ height:24px; overflow:hidden; text-align:center; padding:4px 3px;}
.imgview a{text-decoration:none; font-size:0;}
.imgview img{width:188px; height:258px;}
.imgnav a.navbtn{display:block; font:bold 12px/20px normal; float:right; width:20px; height:20px; text-decoration:none; color:#000; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; margin-right:2px;}
.imgnav a.navbtn:link, .imgnav a.navbtn:visited{background:#000; color:#fff;}
.imgnav a.navbtn:hover{background:#ebf8f9; color:#000;}
.imgnav a.navbtn:active{background:#bbb; color:#000;}
.imgnav a.curbtn:link, .imgnav a.curbtn:visited{background:#EBEBEB; color:#000; font-weight:bold;}
.imgtitle a{font:bold 14px/24px normal; }
.imgtitle a:link, .imgtitle a:visited{color:#333; text-decoration:none;}
.imgtitle a:hover{text-decoration:underline;}

#subNav .subMedia { text-align:center; }
#subNav .box { clear: both; margin: 10px 0 0; background: #f7fafc; overflow: hidden; border:1px solid #c1e0ff;}
#subNav .box h3 { float: left; display: inline; margin-top:5px; padding: 0 10px 0; font: bold 12px Verdana; color: #000; height: 24px; overflow: hidden; line-height: 24px; *line-height: 28px; }
#subNav .box h3 a { color: #000;}
#subNav .box a.more { float: right; margin-right: 8px; padding: 10px 6px 0 0; background: url("/html/images/default/icon_more.gif") right 18px no-repeat; font: normal 11px Verdana; line-height: 18px; }
#subNav .box ul { clear: both; padding:5px 5px 10px; }
#subNav .box ul li { line-height: 150%; color: #333; height: 21px; overflow: hidden;}
#subNav .box ul li.tuijian { height: 100%;}
#subNav .box ul li a { word-break:break-all; white-space:normal;}
#subNav div.subAd { margin: 0; }
#subNav div.subAd a.textLink { line-height: 180%; text-decoration: underline; }
#subNav div.subAd img { margin: 5px 0 0; width: 190px; }
#subNav div.subAd li a { /*background:url("/html/images/default/icon_dot.gif") -4px 2px no-repeat;*/ padding: 0 5px 0 8px; }
#subNav ul.navInfo{margin:10px 0 0;}
#subNav ul li{padding:0 3px;}
#subNav ul li.navinfoTopic a{text-decoration:underline;line-height:18px;}
#subNav ul li.navinfoDetails{color:#666;line-height:18px;}
#subNav ul li img.middle{padding:0 0 5px 0;}

/*ÃûÆóÑ²Àñ*/
#subNav .topComp { background: #f2f8f8; border: 1px solid #d5eaff; padding: 5px 10px; width: 168px; }
#subNav .topComp .comp_logo { width: 160px; height: 50px; margin: 5px auto; border: 1px solid #ccc;}
#subNav .topComp ul { line-height: 180%; padding: 0 5px;}
#subNav .topComp ul li a { background:url("/html/images/default/icon_dot_top.gif") -4px 2px no-repeat; padding: 0 5px 0 8px; color: #000;}

div.search { margin: 3px 0 0; padding: 8px 20px 8px 139px; border: 1px solid #d5eaff; background: #f2f8f8 url("/html/images/default/searchBg.gif") 86px 4px no-repeat; }
div.search iframe { float: left; }
div.search #hotkeyword_div { float: right; width: 210px; height: 32px; line-height: 32px; overflow: hidden; }

.recommend { width: 778px; background: #fff url("/html/images/default/line.gif") 389px 0 repeat-y; border: 1px solid #bcda44; }
.recommend .box { width: 388px; overflow:hidden;}
.recommend h3 { margin: 0 1px 1px; padding-left: 15px; background: url("/html/images/default/mainMenu.gif") -10px -1px repeat-x; border-top: 1px solid #bcda44; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; height: 28px; line-height: 28px; }
.recommend h3.first { border-top: none; }
.recommend h3 a { color: #008000; }
/*160329*/
.recommend h3 a.guanzhu_icon{display:inline-block;padding:0;margin-right:-4px; margin-top:5px;}
/*160329 end*/
.recommend h3 a.more { float: right; padding: 0 20px 0 12px; background: url("/html/images/default/bgMore.gif") 0 8px no-repeat; font: normal 11px Verdana; color: #fff; text-decoration: none; line-height: 28px; }
.recommend h3 a.more:hover { color: #fff; }
.recommend h3 a.more:visited { color: #fff; }
.recommend a:visited { color: #868686; }
.recommend a:hover { color: #f60; }
.recommend ul{ margin: 5px 10px; }
.recommend ul li a span, .recommend ul li a.city { padding-right: 10px; background: url("/html/images/default/icon_dot.gif") right center no-repeat; color: #008000; }
.recommend ul li { height: 24px; line-height: 24px; overflow: hidden; color: #666; }
.recommend ul li a { font-size: 14px; }
.recommend ul li.setTop { color: #f60; }
.recommend ul li.space { margin: 6px 15px 0; height: 6px; line-height: 0; border-top: 1px solid #eaeaea; font-size: 0; overflow: hidden; }
.recommend ul.gray { color: #999; }
.recommend ul li.more { height: 30px; background: url("/html/images/default/moreList.gif") center center no-repeat; *background-position: center 0; line-height: 28px; text-align: center; color: #008000; }
.recommend ul li.more span.commentIndex { display: block; float: left; margin-left: 20px; _margin-left: 10px; *line-height: 26px; }
.recommend ul li.moreFillSlot { padding: 0 10px; background: url("/html/images/default/moreFillSlot.gif") 10px center no-repeat; text-align: right; }
.recommend ul li.more a { font-size: 12px; color: #008000; }
.recommend ul li.more a:visited { color: #008000; }
.recommend h3.menuTab { margin-bottom: 0; padding-left: 5px; background: url("/html/images/default/boxTitle3.gif") repeat-x; border-bottom: none; height: 29px; }
.recommend h3.menuTab a.menuOn { display: block; float: left; margin: 0 5px; padding-left: 10px; background: url("/html/images/default/menuTabOn.gif") left 0 no-repeat; color: #008000; cursor: pointer; text-decoration: none; }
.recommend h3.menuTab a.menuOff { display: block; float: left; margin: 0 5px; }
.recommend h3.menuTab a.menuOn strong { display: block; padding-right: 10px; background: url("/html/images/default/menuTabOn.gif") right 0 no-repeat; line-height: 28px; }

.snsList { margin: 10px 0 0; padding: 2px; border: 1px solid #390; }
.snsReList { padding: 5px 10px; line-height: 150%; }

div.banner { margin: 10px 0 0; text-align: center; border: 1px solid #bcda44; padding: 5px 0; }
div.bannerIndex { margin: 5px 0 0; }
div.adcomp { margin: 5px auto; width: 960px;}

div.sns { margin: 10px 0 0; border: 1px solid #bcda44; }
div.sns h3 { margin: 1px; padding-left: 15px; background: url("/html/images/default/boxTitle.gif") repeat-x; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; height: 27px; line-height: 27px; }
div.sns h3 a { color: #008000; }
div.sns h3 a.more { float: right; padding: 0 20px 0 12px; background: url("/html/images/default/bgMore.gif") 0 7px no-repeat; font: normal 11px Verdana; color: #fff; line-height: 26px; }
div.sjNew { width: 488px; float: left; border-right: 1px solid #eaeaea; margin-right: 1px; }
div.sjHot { width: 488px; float: right; }
div.linkBbs { margin: 5px; padding: 10px 20px; background: #fffadc; }
div.linkBbs a { color: #390; }

ul.list{margin:3px 5px;}
ul.list li{padding:3px 5px;line-height:150%;border-bottom:1px solid #e7e3e7;font-family:Verdana;color:#666;}
ul.list li a.category{color:#787878;}
ul.list li span.reward{font-size:10px;color:#f00;}
ul.list li span.user{width:50px;}
ul.list li span.user a{color:#999;}
ul.list li span.num{width:60px;font:normal 10px Verdana;}
ul.list li span.order{padding:0 4px;background:#e4f1fe;border:1px solid #aedef2;color:#3a75b0;font:normal 10px Arial;}
ul.list li a.l img{margin-right:5px;padding:1px;border:1px solid #ccc;vertical-align:middle;}
ul.list li a.l:hover img{border:1px solid #666;}
ul.list li p{padding:5px;}
ul.singleLine li{height:18px;overflow:hidden;}
ul.listArrow li{padding:3px 5px 3px 18px;background:url("/html/images/community/icon_arrowRight.gif") 5px 8px no-repeat;}

.friendLink { margin: 10px 0 0; border: 1px solid #bcda44; }
.friendLink h3 { margin: 1px; padding-left: 15px; background: url("/html/images/default/boxTitle.gif") repeat-x; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; line-height: 27px; }
.friendLink ul { margin: 20px 10px; }
.friendLink ul li { float: left; width: 96px; text-align: center; line-height: 150%; }

#guide { margin: 10px 0 0; border: 1px solid #9abdd3; }
#guide h3 { margin: 1px; padding: 0 10px 0 20px; background: url("/html/images/default/boxTitle2.gif") repeat-x; border-bottom: 1px solid #9abdd3; font: bold 14px Verdana; line-height: 27px; }
#guide h3 a.more { float: right; font: normal 12px Verdana; line-height: 27px; }
#guide h3 a { color: #fff;}
#guide div.indName { padding-left: 20px; background: #f4f8fb; border-top: 1px solid #dce6ef; border-bottom: 1px solid #dce6ef; }
#guide div.indName a { padding-left: 16px; background: url("/html/images/default/icon_arrow.gif") 0 center no-repeat; line-height: 24px; font-weight: bold; color: #008000; }
#guide div.noBor { border-top: none; }
#guide table { margin: 10px; text-align: left; }
#guide table td { padding: 1px 5px; width: 180px; }
#guide table td span.item { display: block; padding-left: 12px; height: 20px; line-height: 20px; background: url("/html/images/default/icon_dot.gif") 0 4px no-repeat; overflow: hidden; }
#guide table td span.item a.linkBbs { margin-left: 3px; padding: 0 8px; background: url("/html/images/linkBbsOff.gif") no-repeat; text-decoration: none; }
#guide table td span.item a.linkBbs:hover { background: url("/html/images/linkBbsOn.gif") no-repeat; }
#guide table td span.item a:visited { color: #868686;}

/*gotop*/
* html, * html body{_background: url(about:blank) fixed;}
#gotop{display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; bottom:25px; cursor:pointer; opacity:.6; filter:Alpha(opacity=60);}
*html #gotop{ /*--IE6 Hack - Fixed Positioning to the Bottom--*/
 margin-top:-1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
 position:absolute;
 top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-100));
}


#winpop { width:200px; height:0px; position:fixed; _position:absolute; _bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); right:10px; bottom:0; margin:0; padding:1px; overflow:hidden; display:none; background: #fff; border: 1px solid #008000;}
#winpop .title { width:330px; background: #e7fee8; border-bottom:1px solid #EEF5F5; color:#000; font:bold 14px Verdana;padding:8px 15px;}
#winpop .con { width:100%; line-height:180%; margin: 0; font-weight: bold; font-size:12px; text-align:left;}
#winpop .con li {  padding: 2px 10px 5px;}
#winpop .con li a { color: #008000; text-decoration: none;}
#winpop .con li.blue a { color: #f60;}
#winpop a:hover { text-decoration: underline;}
#silu { font-size:12px; color:#666; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { background: url("/html/images/shut.gif") no-repeat; cursor:pointer; display:block; height:11px; position:absolute; right:10px; top:10px; width:11px;}
