@charset "utf-8";
/*base.css
-----------------------------------------*/
* { margin:0;padding:0; list-style:none;}
a img,fieldset { border:0; text-decoration:none;}
html,body { font:12px '宋体','Microsoft YaHei',Verdana,sans-serif;}
body { padding:0 0 20px; line-height:1; background:#fff;}
body.top { background:#F3F3F5;}
a { text-decoration:none;color:#000;}

a:hover{ color:#c00; text-decoration:underline;}
h1,h2,h3,h4,h5,h6,form,input,textarea{ font-size:12px;}
.clearfix:after { content:'.'; clear:both; height:0;display:block; visibility:hidden; }
* html .clearfix { display:block; height:1%;}
* +html .clearfix { min-height:1px;}
div#wrap { width:938px; margin:0 auto; padding-bottom:1px;
 background:url('http://img04.21cn.com/www/images/2009/art/bottom_bg.gif') no-repeat bottom;}

/**/.
.tag,.article .text,.editor,.relative { width:580px; margin:0 auto;}
.item_1 a,form li a:link,form li a:visited{ color:#000;}
.next a,.relative a,.relative span,.news_item span a,.news_item a,
.item a,.comment span.blue,.vote a.opp,.fun a,.con p a{ color:#039;}
.next a:hover,.relative a:hover,.pos a:hover,.item a:hover,h3.class_3 span a,.page a:hover,.news_item span a:hover,
h3.class_3 span.r a:hover,.pic_info a:hover,.tag span.l,.tag span.l a,form a:hover,div.bg a:hover,
.rank span.more a:hover,.news_item a:hover,.vote a.sup,form.com a,.con p a:hover,.fun a.black:hover,
p.gray a:hover,.main-news .sider-right ul span a:hover,div.editor-recommend dd a:hover,
div.editor-recommend dd a:hover,div.editor-recommend dt a:hover,
.main-news .sider-right h2 a:hover,.main-news .sider-right ul a:hover { color:#c00;}

.relative li,.item li,.rank li,.news_item li { margin-bottom:8px;}

.pic_info { width:938px; margin:0 auto 8px;}
.pic_info .text { padding:5px 0 3px 10px; line-height:18px;border:solid #cecece; border-width:0 1px 1px;}
.pic_info li { float:left; margin-right:23px; display:inline; white-space:nowrap; padding-left:.8em;
background:url('http://img04.21cn.com/www/images/2009/art/dot.gif') no-repeat left 6px;}

.content { margin:0; padding:0; background:url('http://img04.21cn.com/www/images/2009/art/con_bg.gif') repeat-y center;}
.col_l { float:left; width:608px; padding-bottom:8px;}
.col_r { float:right; width:320px; padding-bottom:8px; overflow:hidden }
.box { border:solid #cecece; border-width:1px 0;}
.box.sty1 {border:1px solid #ccc; width:938px; margin-bottom:10px; overflow:hidden;}
.blank { width:100%; height:8px; overflow:hidden; background:#fff;}
.hide { display:none;}
.none { border:0; text-align:center;} 

.pos { padding-left:8px; height:28px; line-height:28px; overflow:hidden; color:#666; border-bottom:1px solid #cecece;}
.pos a { color:#666;}
.pos img { vertical-align:middle; margin-right:1em;}

.fun { padding:20px 0; color:#666; text-align:center; border-bottom:1px solid #cecece;}
.fun a { cursor:pointer;}
.fun h2 {font-family:'黑体'; font-size:20px; font-weight:normal; color:#000; margin-bottom:15px; text-align:center; }
.fun h2 a{ color:#000;}
.fun.bor { border:1px solid #cecece; margin:10px 0;  background:#f4f4f4;}
.fun.bor h2 { margin:0;}
.fun .fun_box { width:520px; margin:0 auto;}
.fun .fun_left { float:left; padding-top:3px; text-align:right;}

#themelist { float:left; padding-top:2px;}
#themelist li { float:left; margin-right:8px;}


.tag,.article .text,.editor,.relative,.click,.page { width:580px; margin:0 auto;}
.tag { padding:7px 0 16px; }
.tag img { margin-right:10px;}
.tag span.l a:hover { text-decoration:none;}
.tag span.l { float:left;font-size:14px; }
.tag span.l a { margin-right:5px; text-decoration:underline;}
.tag span.r { float:right;padding-bottom:2px; color:#999;}
.tag span.r img { margin:0;}
.tag span.r a { float:left;display:block; margin-top:3px; height:17px;width:17px;}
.tag span.r span { float:left;padding:0 10px;}
.tag span.r a { color:#999;}

.tips { width:560px; margin:0 auto 25px;padding:8px 10px; font-size:14px; text-indent:2em;
border:1px solid #ccc; line-height:20px;background:#fff;}

.article { line-height:25px; background:#eef3f9;margin:0 auto; overflow:hidden;}
.article strong { margin-bottom:10px;}
.article iframe { margin:15px 0 15px 15px;}
/*.article .text {  margin-bottom:20px;}*/
/*.article .text span { line-height:20px; margin-bottom:10px; display:block;}*/
.article div.text img.contentpic { margin:20px auto;}
.article div.text p{line-height:25px; margin:0 0 20px;}
.article div.text form { width:100%;}
.article div.text input.text { width:35px;} 
.article div.text table { display:block;}

.article div.text div.require{ line-height:25px;}
.article table.video{ display:inline-block; margin:0 auto 15px; line-height:0; border:0;}
.article table.video iframe,
.article table.video span,
.article table span,
.article table p{ margin:0;}
.article div.notFound { width:450px; font-size:12px;margin:15px auto 10px; color:#999;}
.article div.notFound p { margin:0; text-align:center;}

.relatedfolder {width:180px;height:147px;text-align:center;background-color:#fff;border:1px solid #ccc;float: left;margin-top: 9px;margin-right: 9px;margin-bottom: 10px; margin-left: 0px;padding: 0px;color: #666666;clear: none;} 
.relatedfolder .cover {width:160px; height:120px; padding:5px 5px 0px 5px;text-align:center;} 
.relatedfolder .title {white-space: nowrap;height:20px; width: 160px; overflow: hidden; text-overflow:ellipsis;padding:5px 5px 0px 5px;text-align:center;font-size:12px;} 
.relatedfolder .ctime {display:none}

.page { padding:3px 0;line-height:18px; margin-bottom:10px;text-align:center;}
.page a,.page span { padding:3px 7px; *padding:0 7px; *display:inline-block; color:#3568b9;background:#fff;
 line-height:220%; *line-height:170%; height:20px; margin:0 2px 10px 0;border:1px solid #3568b9;}
.page span { color:#fff; font-weight:bold; background:#039;}
.page .prev { border:1px solid #ddd; font-weight:normal; color:#999; background:#fff;}
.page.mar { margin-bottom:0;}

.editor { line-height:18px; margin:15px 0;font-size:14px; font-weight:normal; border:0;text-align:right; color:#000;}

.click{ padding:20px 0;text-align:center; border-bottom:1px dashed #ccc;}
.click img { margin-right:15px;}

.relative { font-size:14px; line-height:18px; border-top:1px dashed #ccc;}
.relative span { font-size:12px;}
.relative ul { padding-left:18px; }
.relative li { padding-left:.9em; background:url( 'http://img04.21cn.com/www/images/2009/art/desc.gif') no-repeat left;}
.relative a { margin-right:15px;}

.item { padding:15px 0 0 15px; line-height:15px;}
.item ul { float:left; margin-right:22px;}
.item ul.last { margin:0;}
.item li { padding-left:.6em;  background:url( 'http://img04.21cn.com/www/images/2009/art/dot2.gif') no-repeat left 5px; }
.item-sty { padding:0; margin-bottom:10px;line-height:16px;}
.item-sty ul { margin:0;}
.black li {background:url( 'http://img04.21cn.com/www/images/2009/art/dot.gif') no-repeat left;}
.black a{ color:#000;}

h3.class_1 { color:#646870; line-height:20px;text-indent:.8em; margin-bottom:10px; border-bottom:1px solid #ccc;
background:url( 'http://img04.21cn.com/www/images/2009/art/dot1.gif') no-repeat left; }
h3.class_2 { color:#fff; margin:1px;padding-bottom:2px; height:20px;line-height:23px; text-indent:3.5em;
 overflow:hidden; background:#646870 url('http://img04.21cn.com/www/images/2009/art/b1.gif') no-repeat 10px center;}
h3.class_2 a:link,h3.class_2 a:visited { font-weight:normal; color:#fff; margin-right:1em;}
h3.class_2 a:hover { color:#fff;}
h3.class_3 { width:318px; margin:0 auto; text-indent:1.2em; color:#cd0000; height:23px; line-height:25px; border-bottom:1px solid #ccc;background:url( 'http://img04.21cn.com/www/images/2009/art/title.gif') no-repeat;}
h3.class_3_repeat { width:100%; background:url( 'http://img04.21cn.com/www/images/2009/art/title1.gif') repeat-x;}
h3.class_3 span { float:left;}
h3.class_3 span.r { float:right; padding-right:10px;}
h3.class_3 span.r a { color:#999; font-weight:normal;}
h3.class_4 {background:#646870 url('http://img04.21cn.com/www/images/2009/art/tv.gif') no-repeat 10px 3px;}
h3.class_5 { border:solid #cdcdcd; border-width:1px 0; width:100%; text-indent:1.5em; text-align:left; color:#c00; margin:10px 0; background:url('http://img04.21cn.com/www/images/2009/art/titles.gif') repeat-x left top;}
h3.class_6 { height:20px; background:url('http://img04.21cn.com/www/images/2009/art/clock-bar.gif') no-repeat;}


.rank { float:left; width:280px; line-height:14px; margin:6px 0; padding:0 6px 0 14px; }
.rank span { float:left;}
.rank span.more { float:right;}
.rank span.more a { color:#999; font-weight:normal;}
.rank li { padding:.1em 0 0 2em;}
.rank li.one 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 1px;}
.rank li.two 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -21px;}
.rank li.three 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -43px;}
.rank li.four 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -65px;}
.rank li.five 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -87px;}
.rank li.six	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -107px;}
.rank li.seven 	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -129px;}
.rank li.eight	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -151px;}
.rank li.nine	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -173px;}
.rank li.ten	{ background:url( 'http://img04.21cn.com/www/images/2009/art/num.gif') no-repeat 0 -195px;}
.rank.sty { border-left:1px solid #ccc; padding:5px 0 0 12px; margin:-5px 0 -5px 0;}


.pic_item { padding:16px 0 10px 16px;text-align:center; border-top:1px solid #ccc;}
.pic_item.das,.item.das { border-bottom:1px dashed #ccc;}
.pic_item img { display:block; border:1px solid #000; margin-bottom:5px;}
.pic_item .con { line-height:18px; padding-bottom:10px; float:left; margin:0 0 10px 15px;}
.pic_item .con h4 { font-size:16px; margin-bottom:5px;}
.pic_item .con p {}
.pic_item .con_none {width:75.5%; margin-left:10px; border-bottom:1px dashed #ccc;}
.pic_item .con_none.last { border:0;}
.pic_item li { width:128px;}
.pic_item li,.pic_item a.pic { float:left; display:inline; margin-right:20px;}
.pic_item_mar li { width:69px; margin-right:32px;}
.pic_item.last { margin-right:0;}

.news_item { padding:10px 0 0 15px; line-height:15px; border-top:1px dashed #ccc;}
.news_item span { margin-right:7px;}
.item_1 { padding-top:10px;}
.news_item.last,.pic_item.last{ border:0;}


form { clear:both; width:300px; line-height:18px; padding-left:5px; margin-left:10px; width:290px; }
form div {padding:5px 0 5px 0;}
form div.pad { }
form div.bg { padding:5px 20px; border-top:1px solid #ccc; background:#f2f2f2;}
form input.img {vertical-align:bottom;}
form input.t { width:128px; height:14px;}
form img { vertical-align:middle;}
form input.img.mar { margin-left:3em;}
form strong { color:#cd0000;}
form a { line-height:20px;}
form ul.blue a:link,form ul.blue a:visited { margin-right:1em; color:#039;}

form li { white-space:nowrap; float:left;}
form label.img { margin-right:5px;}
form.com { width:100%;}
form.com .textarea { float:left;  margin-right:5px; }
form.com .textarea label { font-size:14px;}
form.com textarea {width:460px; height:85px;overflow-y:scroll; background:#eef3f9;}
form.com a { font-size:14px; text-decoration:underline;}
form.com .pad { padding:42px 0 0 5px;}
form.com input { vertical-align:text-bottom;}
form.com input.t { width:56px;}

.comment { line-height:18px;padding:20px 10px 10px; border-top:1px solid #ccc;}
.comment .l { float:left;}
.comment .r { float:right;}
.comment p { clear:both; margin:10px 0; text-indent:2em; font-size:14px;}
.comment span.red { color:#c00; margin-right:20px;}
.comment span.gray,.comment p a { margin-left:.5em; color: #666; white-space:nowrap;}
.comment .vote { text-align:right; }

.copy p { text-indent:0;}


.footer { width:938px; margin:0 auto;line-height:14px;padding:3em 0 1em;border-bottom:1px solid #ccc;}
.footer ul { width:600px; margin:0 auto;}
.footer li { float:left; padding:0 22px; height:13px; overflow:hidden; border-right:1px solid #000;}

/*#review {padding:0 10px; }*/
.gamePic { width:312px; margin:0 auto;padding:4px 0 0 6px; background:#F0F0F0;}
.gamePic img { float:left; margin:0 10px 5px 0;}
.gamePic p { margin-bottom:5px; line-height:18px;}
.gamePic p.title a { font-weight:bold;}

/*hot msg*/
div.hot { line-height:17px; width:290px; border:1px solid #ccc; margin:5px auto;background:#f9f7f8;}
div.hot strong { float:left;color:#c70102; display:block;padding:0 .4em 0 .2em;
margin-right:.2em; _margin-right:0;background:#fff url('http://img04.21cn.com/www/images/2009/arrow.gif') no-repeat right;}
div.hot a { font-weight:bold; color:#039;}

/**/
div.editor-recommend1 { line-height:20px;position:relative; width:244px; float:left; margin:0 15px 10px 0; 
 _margin-right:12px;border:solid #cdcdcd;border-width:1px 3px 3px 1px; background:#fff;}
div.editor-recommend1 h3 { line-height:25px; margin-bottom:8px;}
div.editor-recommend1 span#close { position:absolute; right:0; top:4px; width:15px; height:15px;
background:url('http://img04.21cn.com/www/images/2009/art/close.gif') no-repeat;}
div.editor-recommend1 div.block { width:225px; margin:15px auto 6px; height:50px; overflow:hidden;}
div.editor-recommend1 div.block img { float:left; margin-right:5px;}
div.editor-recommend1 div.block p { line-height:25px;}
div.editor-recommend1 div.block p a { font-family:'黑体'; font-size:20px;}
div.editor-recommend1 dl { margin-bottom:8px; padding:0 10px 8px;border-bottom:1px dashed #dcdcdc;}
div.editor-recommend1 dt a { font-weight:bold; font-size:14px; color:#039;}
div.editor-recommend1 dd { width:96%; background:pink; padding-left:.6em; 
background:url('http://img04.21cn.com/www/images/2009/art/desc-g.gif') no-repeat left 9px;}
div.editor-recommend1 dd a { font-size:12px; color:#666; margin-right:2px;}
div.editor-recommend1 dd.red {  background:url('http://img04.21cn.com/www/images/2009/art/desc-r.gif') no-repeat left 9px;}
div.editor-recommend1 dd.red a {color:#f00;}
div.editor-recommend1 dd a:hover,div.editor-recommend1 dd.red a:hover,div.editor-recommend1 dt a:hover { color:#c00;}
div.editor-recommend1 ul { font-size:12px; padding:10px 0 5px 10px;}

div.editor-recommend { line-height:20px;position:relative; width:200px; float:left; margin:0 10px 10px 0; 
 _margin-right:7px;border:solid #cdcdcd;border-width:1px 3px 3px 1px; background:#fff;}
div.editor-recommend h3 { line-height:25px; margin-bottom:8px;}
div.editor-recommend span#close { position:absolute; right:5px; top:6px; width:15px; height:15px;
background:url('http://img04.21cn.com/www/images/2009/close.gif') no-repeat;}
div.editor-recommend dl { text-align:center; margin-bottom:5px; padding:0 5px 5px; border-bottom:1px dashed #dcdcdc;}
div.editor-recommend dl img { margin-bottom:5px;}
div.editor-recommend dt a { font-weight:bold; font-size:14px; color:#039;}
div.editor-recommend dd a { font-size:12px; color:#666; margin-right:2px;}
div.editor-recommend ul { font-size:12px; padding:10px 0 5px 10px;}

div.editor-news { width:578px; margin:0 auto; border:1px solid #dcdcdc; background:#fff;}
div.editor-news p { text-align:left; line-height:18px; text-indent:2em;}
.big-pic {border-bottom:1px solid #dcdcdc; text-align:center;padding:8px 0;}
.big-pic img { margin-bottom:5px;}
.big-pic p { width:500px; margin:0 auto; color:#666;}
p.gray { width:335px; margin:5px auto 0; color:#666;}
p.gray a { color:#039;}

div.editor-news .main-news {}
.main-news .sider-left{ padding:10px 0 0 15px;width:191px; overflow:hidden; float:left; border-right:1px solid #dcdcdc;}

.main-news .sider-left ul { padding:0; margin:0;}
.main-news .sider-left li { width:182px; display:block;float:none; margin-bottom:8px;text-align:center;}
.main-news .sider-left li img {margin-bottom:0;}

.main-news .sider-right { float:left; width:370px; padding-top:10px;}

.main-news .sider-right h2 a { font-size:16px; font-weight:bold; color:#002692;}
.main-news .sider-right ul.news_item { margin:0; padding:5px 0 0 15px; border:0; text-align:left;}
.main-news .sider-right ul.news_item a { color:#039;}
.main-news .sider-right ul.news_item span a { color:#039;}
.main-news .sider-right ul.item { margin:0; padding:5px 0 0 15px; text-align:left;}
.main-news .sider-right ul.item li {padding-left:.6em; background:url('http://img04.21cn.com/www/images/2009/art/dot2.gif') no-repeat left 5px;}
p.links { margin-bottom:5px}
p.links span { margin-right:22px; float:left; height:21px; padding-left:10px;background:url(http://igame.21cn.com/wuliao/2010/04/08/ja.gif) no-repeat left }
p.links span a { color:#039; display:block; line-height:21px; padding-right:12px;background:url(http://igame.21cn.com/wuliao/2010/04/08/jar.gif) no-repeat right}
p.links span.icon {width:25px; background:none; padding:0; margin:0; }
p.links span.icon img { margin-top:5px; }
/*114 关键字加色*/
.kw-links {color:#039;border-bottom:1px dashed red;}
.kw-links:hover { text-decoration:none; border-bottom:1px dashed blue;}


div.golf-text-area {}
div.golf-text-area p { margin-bottom:0 ; text-indent:2em;}
div.golf-text-area p.phone { font:normal 16px "微软雅黑"; text-indent:1em; background:url(http://golf.21cn.com/zt/index2010/image/gray-desc.gif) no-repeat left center}
div.golf-text-area p.image { text-align:center; padding-bottom:23px;}
div.golf-text-area p.image img { vertical-align:middle}
div.golf-text-area h4 { font-size:14px; color:#039; margin-bottom:10px; text-indent:1.8em; padding-bottom:3px; border-bottom:1px dashed #b4b4b4;background:url(http://golf.21cn.com/zt/index2010/image/gray-desc.gif) no-repeat 10px 8px}
div.golf-text-area table { width:99.9%;font-size:12px; margin-bottom:25px; background:#f3f3f3; border-collapse:collapse; border-spacing:0; }
div.golf-text-area td, div.golf-text-area  th { border:1px solid #fff; text-indent:2em; text-align:left; line-height:24px}
div.golf-text-area td {}
div.golf-text-area table th { color:#039; font-weight:normal}
/*SNS 接口*/
.snspush {font-size:14px; width:560px; margin:0 auto; background:#fff; padding:10px; height:14px; border:#ccc 1px solid; line-height:12px; text-align:center;}
.snspush a {margin-right:10px;}
.snspush a img {margin:0px 5px 0px 0px; padding:0px; vertical-align:bottom; _vertical-align:middle;}
/*vk 20110304 add*/
.article div.text p.from, .article div.text p.descn, .article div.text p.more{ padding:0 0 10px; margin:0;}
p.from a{ font-weight:700; color:#1031B4;}
p.more a{ color:#1033B5; font-size:12px; background-color:#EAF3FA; padding:3px;}