@charset "utf-8";
/*
_米
http://www.laoshu133.com
2011.12.29
*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
body{ line-height:1.5; height:328px;repeat-x 0 32px;}
:link, :visited, ins{ text-decoration:none;}
img{ border:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none;}
sub, sup{ font-size:100%; vertical-align:baseline;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
/*Hack For IE6, IE7*/
input, button, textarea, select{ *font-size:100%;}
textarea{ overflow:auto; resize:vertical;}

/*--clearfix--*/
.clearfix:before, .clearfix:after{ content:'.'; display:block; height:0; visibility:hidden;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}

a{ color:#333;}
a:hover{ color:#000;}
img{ vertical-align:middle;}
body{ color:#333; font:14px/1.5 "微软雅黑","黑体",Arial,sans-serif;}
.hide{ display:none;}
.wrap{ margin:0 auto; width:980px; overflow:hidden; *zoom:1;}
.box, .box .title{ background:#fff url(../images/game/box_black.png) no-repeat -1960px 100%;}
.box{ margin-bottom:6px;}
.box .title{ background-position:-980px 0; height:39px;}
.box h3{ color:#333; font-size:22px; padding:4px 0 0 10px; text-shadow:1px 1px 0 #fff;}
.box_main{ background:#fff; border:1px solid #d0d0d0; border-width:0 1px; margin-bottom:16px; min-height:40px;}
.box_main .title{ background:none;}
.box_inner{ padding:10px;}
.box .more{ color:#666; position:absolute; right:0; top:0;}
.box .more:hover{ color:#000;}
.btn, .btn span{ display:inline-block; background:url(../images/btns.png) no-repeat 100% 0; cursor:pointer; height:26px; padding-right:10px;}
.btn{ background-position:0 0; color:#000; line-height:26px; padding:0 0 0 10px;}
.btn:hover{ color:#fff;}

#globalheader{ height:auto;}
#globalheader .top{ height:32px;}
.global_home{ height:30px; width:66px; position:absolute; left:-4px; top:0; text-indent:-9999em;}


.wrap_header{ background:#1a1a21 url(../images/header_bg.png) repeat-x;}
.header{ height:30px;}
.banner{}
.banner h1{ display:none;}
.navigator{ background-position:0 100%; margin-bottom:12px; overflow:hidden;}
.nav_inner{ border:1px solid #bebebe; border-width:0 1px; margin-bottom:13px; padding:12px 20px 0;}
.navigator ul{ height:30px; overflow:hidden;}
.navigator li{ float:left; background:url(http://www.feng.com/Topic/WhereIsMe/images/line.png) no-repeat 0 2px; margin-left:-1px;}
.navigator li a{ margin:0 6px 0 7px;}
.navigator li a, .navigator li span{ background-position:-200px 0;}
.navigator li a:hover, .navigator li a.hover{ background-position:0 0; color:#fff;}
.navigator li a:hover span, .navigator li a.hover span{ background-position:100% 0;}

.navigator .v_counter {
color: #333;
position: absolute;
right: 20px;
top: 16px;
}


.top_info_panel{ margin-bottom:4px;}
.top_info, .top_info h3, .top_info_main{ float:left; background:url(../images/game/top_info_black.png) no-repeat 100% 0; height:182px; _display:inline;}
.top_info h3{ background-position:0 0; width:49px; text-indent:-9999em;}
.top_info_main{ background-position:0 -182px; background-repeat:repeat-x; color:#666; line-height:1.8; margin-right:6px; padding:10px; height:162px; width:620px; overflow:hidden;}
.preface{}
.emerge{ float:right;}
.emerge h3{ background-position:-49px 0; width:41px;}
.emerge .top_info_main{ width:210px;}

.pic_m{ float:left; border:1px solid #c5c5c5; width:380px; position:relative;}
.pic_m .title{ background:#000; background:rgba(0,0,0, .5); color:#fff; font-size:20px; line-height:2; height:40px; width:100%; position:absolute; bottom:0; left:0; text-indent:10px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c000000,endColorstr=#3c000000); background:none\9;}
.pic_m .title:hover{ color:#51cafc;}

.box_info{}
.box_info .box_inner{ width:960px; _width:958px;}
.app_info{ float:right; width:560px;}
.app_info h4{ color:#333; font-size:18px;}
.app_info p{ color:#666; line-height:1.6;}
.app_info li{ float:left; margin:0 10px 0 10px; padding:2px 0; width:174px;}
.app_info li a{ border-bottom:1px solid #fffedd; color:#815649;}
.app_info li a:hover{ color:#815649; text-decoration:underline;}
.app_info .info{ padding-bottom:10px;}
.app_info .info_main{ background:#fffedd; border:1px solid #d8d6ae; border-radius:5px; margin-right:160px; padding:6px 0; height:88px;}
.app_info .btns{ margin:28px 0 20px 410px; position:absolute; _margin-left:420px;}
.app_info .btns h4{ display:none;}
.app_info .links{}
.app_info .links li{ margin:0; padding:2px 14px 0 0; width:auto;}
.app_info .links a{ color:#2088b4;}
.app_info .links a:hover{ border:0; color:#2088b4;}
.box .ipa_btn, .box .ipa_btn span{ background-position:0 -26px; height:28px; padding-left:25px;}
.box .ipa_btn span{ background-position:100% -26px; padding:0 4px; width:110px; text-shadow:1px 1px 0 #ed9855;}
.box .ipa_btn:hover{ background-position:0 -54px; color:#000;}
.box .ipa_btn:hover span{ background-position:100% -54px;}
.box .app_btn{ display:block; background:url(../images/app_btn.png) no-repeat; margin-top:8px; height:50px; width:144px; text-indent:-9999em;}
.box .app_btn:hover{ background-position:0 -50px;}
.box .app_btn span{ background:none;}

.box_info .box_main{ _zoom:1;}
.pic_list{ height:180px; position:relative; _zoom:1;}
.pic_panel{ float:none; border:0; width:880px; height:160px; margin:0 auto; position:relative; overflow:hidden;}
.pic_panel ul{ width:3000px; position:absolute; left:0; top:0;}
.pic_panel li{ float:left; margin:10px 18px 0; width:140px; _display:inline;}
.pic_panel a, .pic_panel img{ display:block;}
.pic_panel a{ background:url(../images/pic_bg.png) no-repeat -140px 0; padding:4px;}
.pic_panel li:hover a, .pic_panel li.hover a, .pic_panel li.focus a{ background-position:0 0;}
.pic_panel img{  height:130px; width:130px;}
.pic_panel .title{ font-size:14px; padding:0; margin:-40px 0 0 5px; height:30px; width:130px; bottom:auto; left:auto; text-indent:0; text-align:center;}
.pic_list .btns a{ background:#f7fbfd; border:1px solid #d1d7da; height:132px; width:46px; position:absolute; top:14px;}
.pic_list .btns span{ background:url(http://www.feng.com/Topic/WhereIsMe/images/arrow.png) no-repeat; cursor:pointer; height:36px; width:22px; margin:46px 0 0 10px; position:absolute; text-indent:-9999em;}
.pic_list .btns .prev{ border-left:0; left:0;}
.pic_list .btns .next{ border-right:0; right:0;}
.pic_list .btns .next span{ background-position:-22px 0;}
.pic_list .btns a:hover span{ background-position:0 -36px;}
.pic_list .btns .next:hover span{ background-position:-22px -36px;}
.pic_list .pos_panel{ cursor:default; text-align:center;}
.pos_panel .pos{ display:inline-block; background:url(../images/icons.png) no-repeat -2px 3px; color:#fff; font-size:0; margin:0 2px; height:12px; width:12px; vertical-align:top;}
.pos_panel a.hover, .pic_list .pos_panel a:hover{ background-position:-2px -15px; color:#fff;}

.box_detail{}
.box_detail .box_main{ width:978px;}
.box_detail ul{ padding:20px 20px 0; width:1200px; overflow:hidden;}
.box_detail li{ float:left; margin:0 60px 20px 0; width:272px; _display:inline;}
.box_detail img{ border:1px solid #c5c5c5;}
.box_detail li .title{ display:block; color:#2269b2; font-size:14px; padding:5px 0; height:auto;}
.box_detail li .title:hover{ color:#2269b2; text-decoration:underline;}
.box_detail li .desc{ color:#666; font-size:12px; line-height:1.8; height:26px; text-indent:2em;}

.box_compare{}
.box_data{ margin-bottom:13px;}
.box_data table{ border:0;}
.box_data td, .box_data th{ border:1px solid #dcdcdc;}
.box_data th{ border-top:0;}
.box_data .title{ border-left:0; color:#666; width:100px; text-align:center;}
.box_data .last{ border-right:0;}
.box_data tr.last td{ border-bottom:0;}

.box_ret{}
.box_data_note{ color:#666;}
.box_data_note h5{ background:url(../images/icons.png) no-repeat 0 -34px; font-size:14px; font-weight:normal; padding-left:24px;}
.box_data_note ol{ font-size:12px; line-height:2.2; padding:0.6em 2em;}
.box_data_res{}
.box_data_res h4, .box_data_res h4 span{ display:inline-block; background:url(../images/btns.png) no-repeat 0 -82px; padding-left:10px; height:38px;}
.box_data_res h4{ color:#333; font-size:22px; font-weight:normal; line-height:36px; margin:0 0 0 -20px; position:absolute; text-shadow:1px 1px 0 #ffcf9b;}
.box_data_res h4 span{ background-position:100% -82px; padding:0 16px 0 20px;}
.box_data_res .txt{ font-size:18px; padding:40px 10px 0;}
.box_data_res .txt:first-letter { font-size:28px;}

.box_commt, .box_slider{ position:relative; overflow:visible;}
.box_commt{ float:left; width:700px;}
.box_rt, .box_rb{ background:url(../images/game/box_black.png) no-repeat -1950px 0; height:38px; width:10px; position:absolute; right:0; top:0;}
.box_rb{ background-position:100% 100%; height:16px; bottom:0; top:auto; *bottom:0;}


.box_slider{ float:right; width:270px;}
.box_slider h5{ border-bottom:1px solid #666; padding:0 4px;}
.more_info{}
.more_info li{ padding:10px 0 10px 110px;}
.more_info .pic{ float:left; margin-left:-110px;}
.more_info .title{ color:#2269b2; font-size:14px;}
.more_info .title:hover{ text-decoration:underline;}
.more_info .desc{ color:#666; font-size:12px; line-height:1.6;}
.more_app{ padding-top:0; position:relative;}
.more_app li{ font-size:12px; padding:5px 0 0; height:25px; overflow:hidden;}
.more_app li a{ display:block; background:url(http://www.feng.com/images_v3/icons.png) no-repeat 0 -19px; line-height:2; margin-right:10px; padding-left:20px;}
.more_app li a:hover{ background-position:0 -8px; color:#2269B2;}
.more_app li span{ display:block; border-bottom:1px dotted #5e7682;}
.more_app .more{ right:6px;}

/*页码*/
.page_list{ display:inline-block; *display:inline; *zoom:1;}
.page_list a, .page_list span, .page_list i{ float:left; background:url(../images/page_bg.png) no-repeat; color:#3a485c; font-style:normal; line-height:24px; margin-right:6px; padding-left:8px; height:25px; -webkit-text-size-adjust:none;}
.page_list i{ background-position:100% 0; margin:0; padding:0 8px 0 0;}
.page_list a:hover, .page_list .curr_page{ background-position:0 -25px; color:#fff; text-decoration:none;}
.page_list a:hover i, .page_list .curr_page i{ background-position:100% -25px; color:#fff; cursor:pointer;}
.page_list .prev_page, .page_list .next_page{}
.page_list .disabled_page, .page_list .disabled_page i{ color:#b4bfd1; cursor:default;}
.page_list .disabled_page:hover{ background-position:0 0;}
.page_list .disabled_page:hover i{ background-position:100% 0; color:#b4bfd1;}
.page_list .page_more, .page_list .page_more:hover{ background:none; color:#3a485c; padding:0 4px;}
.page_list .page_jump{ float:left;}
.page_jump span{ background:none;}
.page_jump input{ float:left; border:1px solid #B4BFD1; line-height:16px; margin:1px 4px 0; padding:1px 2px; height:18px; width:32px;}
.page_jump .page_btn, .page_jump .page_btn:hover{ background-position:0 -50px; color:#fff; margin:0; padding:0; width:42px; text-align:center;}
.pager{ padding:10px 0; height:25px; text-align:center;}

/* 评论 */
.commt_panel{ margin:0 20px 0; overflow:hidden;}
.commt_item{ border-top:1px dashed #8e9fa7; margin:-1px 0 0 50px; padding-top:10px; _zoom:1;}
.commt_header{ font-size:12px; height:40px; position:relative;}
.commt_header .pic{ position:absolute;}
.commt_header .pic img{ border:1px solid #C5C5C5;}
.commt_floor{ float:right; color:#999; font-style:normal; margin-right:4px;}
.commt_hack{ float:right;margin:0 10px; position:relative;}
.commt_hack .tip_info_err{ width:240px; right:40px; top:-4px;}
.commt_hack a{ color:#36acff;}
.commt_hack a:hover{ color:#333;}
.commt_header .pic{ margin:4px 0 0 -46px;}
.commt_header .name{ color:#26578f; font-size:14px; font-weight:bold;}
.commt_header .name:hover{ text-decoration:underline;}
.commt_header .timer{ display:block; color:#999;}
.commt_main{ padding-bottom:6px; word-break:break-all;}
.commt_main p{ color:#666; line-height:2;}
.commt_btns{ margin-bottom:10px; height:26px;}
.commt_btns a, .commt_btns span{ cursor:pointer; line-height:24px; height:25px;}
.commt_btns a{ float:right; margin-left:10px; padding-left:8px;}
.commt_btns a:hover{ text-decoration:none;}
.commt_btns span{ display:inline-block; background-position:100% -21px; padding-right:8px; text-align:center; min-width:44px;}
.commt_btns em{ color:#ff442b; font-weight:bold; font-style:normal;}
.commt_btns .oppose, .commt_btns .agree{ }
.commt_btns .oppose:hover, .commt_btns .agree:hover{ color:#000;}
.commt_btns .oppose span, .commt_btns .agree span{ background-position:100% -46px;}
.commt_btns .agree em{ color:#36acff;}
.commt_report{ background:#fcfcfc; border:1px solid #e2e2e2; margin-bottom:10px; margin-left:0px; padding:6px;}
.commt_report .commt_header{}
.commt_report .pic{ margin:0 10px 0 0; position:static;}
.commt_report .timer, .commt_report .commt_main{ padding-left:34px;}
.commt_report .commt_btns{ margin:0;}
.commt_report .commt_report{ margin:10px 0 0 20px;}
.commt_item .odd{ background:#fff;}
.commt_tips{}
.commt_tips .tip_info{ margin:-36px 0 0;}
.commt_report .tip_info{ margin-top:-28px;}
.commt_panel .pager{ border-top:1px dotted #899aa3; padding:20px 0 10px;}
.add_commt_panel{ border-top:1px solid #d3d3d3; padding-bottom:10px;}
.add_commt_panel h4{ color:#000; font-size:14px; padding:5px 10px;}
.add_commt{ margin:0 10px; _zoom:1;}
.add_commt li{ color:#666; font-size:14px; line-height:32px; padding:5px 0;}
.add_commt li a{ color:#666;}
.add_commt li a:hover{ color:#000;}
.add_commt li label, .add_commt li input, .add_commt .note, .add_commt .content, .add_commt .commt_content,  .add_commt .commt_con{ background:url(../images/add_commt.png) no-repeat;}
.add_commt li label, .add_commt li input, .add_commt .note{ display:inline-block; height:32px; vertical-align:middle;}
.add_commt li label{ background-position:100% -537px; padding-right:16px;}
.add_commt li input{ background-position:0 -569px; background-repeat:repeat-x; border:0; line-height:32px\9; margin:0 -10px; padding:0; width:200px; outline:0;}
.add_commt .note{ background-position:0 -601px; padding-left:20px;}
.add_commt .note em{ color:#f00; font-style:normal; padding:0 4px;}
.add_commt .content{ background-position:0 20px; padding:20px 0 0; margin-bottom:6px;}
.add_commt .commt_content{ background-position:0 -179px; background-repeat:repeat-x; margin:0 14px; position:relative;}
.commt_content .commt_con{ background-position:100% -358px; padding:36px 0 13px; height:130px; _padding-bottom:11px;}
.commt_content .commt_con label, .commt_content .note{ display:none;}
.commt_content textarea{ background:none; border:0; resize:none; height:130px; width:98%;}
.add_commt .checkcode{}
.add_commt .checkcode input{ width:80px;}
.add_commt .checkcode img{ vertical-align:middle;}
.add_commt .btns{ margin:-44px 24px 0 0; text-align:right;}
.add_commt .btns input{ background:url(../images/commt_bg.png) no-repeat 0 -71px; color:#fff; cursor:pointer; line-height:26px; height:27px; width:76px; text-shadow:1px 1px 0 #000;}
.add_commt .btns input:hover{ background-position:100% -71px;}
.add_commt_note, .add_commt_note a, .add_commt_note span{ position:absolute;}
.add_commt_note{ width:100%; left:0; top:0;}
.add_commt .add_commt_info{ color:#9fabb0; font-size:12px; right:20px;}
.add_commt .add_commt_info em{ font-size:20px; font-style:normal; font-weight:bold;}
.add_commt .pic, .add_commt .name, .add_commt .name span{ background:url(../images/commt_user.png) no-repeat; cursor:pointer;}
.add_commt .pic{ height:38px; width:38px; left:-14px; top:-8px;}
.add_commt .pic img{ margin-left:6px;}
.add_commt .name{ background-position:100% -68px; left:24px;}
.add_commt .name span{ display:inline-block; background-position:0 -38px; background-repeat:repeat-x; margin-right:14px; padding:0 14px; height:30px; position:static;}
.report_box{ display:none; background:#fff; border:6px solid #ddd; padding:10px; width:600px; position:absolute; left:0; top:0; border-radius:10px;}
.report_box .close{ background:url(../images/tip_bg.png) no-repeat 0 -17px; height:17px; width:17px; position:absolute; top:1px; right:1px; font-size:0;}
.report_box .close{ -webkit-transition:-webkit-transform .2s ease-in;}
.report_box .close:hover{ -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 50%;}
.add_commt .tip_info_err{ margin:0 0 0 6px;}
.add_commt_btn{ background:url(../images/add_commt_btn.png) no-repeat; line-height:38px; height:38px; width:111px; position:absolute; right:0; top:0; text-shadow:1px 1px 0 #e2f3fd; text-indent:36px; z-index:3;margin: 0;}
.add_commt_btn:hover{ background-position:0 -38px;}
.commt_order{ margin:-25px 0 0 440px; position:absolute;}
.commt_order li{ float:left;}
.commt_order li a, .commt_order li span{ display:inline-block; background:url(../images/tab_bg.png) no-repeat; cursor:pointer; height:24px; overflow:hidden;}
.commt_order li a{ color:#666; margin:0 5px; text-shadow:1px 1px 0 #fff;}
.commt_order li span{ background-position:100% 0; padding:0 10px; line-height:26px;}
.commt_order li a.focus, .commt_order li a:hover{ background-position:0 -26px; height:25px;}
.commt_order li a.focus span, .commt_order li a:hover span{ background-position:100% -26px;}

.box_commt .box_rt{ z-index:-1;}
.box_commt .title{ position:relative;}
.box_commt .counter{ margin:-26px 0 0 106px; position:absolute;}
.box_commt .counter em{ color:#f00; font-style:normal; padding:0 4px;}

/* 一个小提示 */
.tip_info, .tip_info_err{ background:#ebf7ff; border:1px solid #99bddf; color:#0199ff; padding:3px 40px 3px 5px; position:absolute; border-radius:5px; overflow:hidden; line-height:1.5 !important;}
.tip_info a, .tip_info_err a{ background:url(../images/tip_bg.png) no-repeat; height:17px; width:17px; text-indent:-9999em; position:absolute; right:4px; top:4px; overflow:hidden;}
.tip_info_err{ background:#ffebeb; border-color:#df9999; color:#ff0101;}
.tip_info_err a{ background-position:0 -17px;}

.go_top{ margin:0 auto; width:980px; /*position:relative;*/}
.go_top a{ background:url(../images/top.png) no-repeat; margin:0 0 0 984px; height:34px; width:34px; position:fixed; bottom:80px; text-indent:-9999em;}
.go_top a{ _position:absolute; _bottom:auto;}
.go_top a:hover{ background-position:0 100%;}

/* GLOBALFOOTER */
#globalfooter{ font-size:12px; width:100%;height:215px; background:url(../images/globalfooter.png) repeat-x 0 0; height:300px;overflow:hidden; margin:5px 0 0}
#globalfooter .wrap{ position:relative; background:url(../images/globalfooter.png) no-repeat -87px -300px; height:300px; overflow:visible;}
#globalfooter .links{ float:right;height: 225px}
#globalfooter .links dl{ float:left;width: 130px;}
#globalfooter .links dd{background: url(../images/globalfooter.png) no-repeat 0 -622px;line-height:20px;text-indent:1em}
#globalfooter .links dd a{color:#999}#globalfooter .links dd a:hover{color:#fff}
#globalfooter .links dt{ color: #2c65ad;font: bold 13px/70px 'microsoft yahei',Arial,Verdana,Tahoma,Lucida Grande,sans-serif}
#globalfooter .f_logo_l{ position:absolute; height:300px; width:87px; background:url(../images/globalfooter.png) no-repeat 0 -300px; left:-87px; top:0}
#globalfooter .copyright{ float:right; clear:right; white-space:nowrap; color:#999; text-align:right; line-height:1.6em; margin-top:16px}
#globalfooter .b_links { position:absolute; left:0; bottom:20px}
#globalfooter .b_links a{ display:block; float:left; height:40px;width:110px;margin-right:10px; background:url(../images/globalfooter.png) no-repeat 0 -665px; overflow:hidden; text-indent:-100em}
#globalfooter .b_links a:hover{background-position:0 -715px}
#globalfooter .b_links a#l2{background-position:-120px -665px}
#globalfooter .b_links a#l2:hover{background-position:-120px -715px}
#globalfooter .b_links a#l3{background-position:-241px -665px}
#globalfooter .b_links a#l3:hover{background-position:-241px -715px}
#globalfooter .b_links a#l4{background-position:-361px -665px}
#globalfooter .b_links a#l4:hover{background-position:-361px -715px}

/*fix 2012.01.11*/
.pic_list{ height:160px;}
.app_info li{ color:#815649;}
.pos_panel{ display:none;}