@charset "utf-8";
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
caption{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family:Simsun,Arial,Helvetica,sans-serif;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: #000000;background: #FFFFFF;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, 
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear:after {content:"."; height:0; visibility:hidden; display:block;clear:both;}
.clear {display:inline-block;}
/* Hlly Hack Targets IE Win only \*/
* html .clear {height:1%;}
.clear {display:block;}
.lt{float:left;}
.rt{float:right;}
/* End Holly Hack */
.word-ellipsis {overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-break:normal;white-space:nowrap;}
body {font: 12px Verdana,Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:0;color:#000;}
img {border:none;}
a {text-decoration:none;color:#0984C4;}
a:hover{color:#FF8400;}

/*ie8 featrues*/
.hslice .entry-title {font-size:0pt;height:0px;line-height:0px;}

/*bottom bar fix*/
.bottombar_fixd {position:fixed;bottom:0px !important;}
.bottombar_ie6fixd {
	position: absolute;
	top: expression(eval(document.compatMode && document.compatMode == 'CSS1Compat') ? documentElement.scrollTop + ( documentElement.clientHeight - this.clientHeight ) : document.body.scrollTop + ( document.body.clientHeight - this.clientHeight ));
}

/*wrapper*/
#wrapper {width:982px;margin:auto;}
#innerwrapper {}

/*header*/
#header {width:100%;}

.user_login .top_header, .user_no_login .top_header {height:140px;background:url(images/header_bg.png) 0 -829px repeat-x;}
.user_no_login .user_no_install .top_header {height:310px;background:url(images/header_bg.png) 0 -969px repeat-x;}

.user_login .top_header_index, .user_no_login .top_header_index {height:163px;background:url(images/header_bg.png) 0 -666px repeat-x;}
.user_no_login .user_no_install .top_header_index {height:333px;background:url(images/header_bg.png) 0 -333px repeat-x;}

.user_login #header .login {display:block;}
.user_login #header .login .loginhelper {display:block;}
.user_login #header .login .nologinhelper {display:none;}
.user_login #header .no_login {display:none;}

.user_no_login #header .login {display:block;}
.user_no_login #header .login .loginhelper {display:none;}
.user_no_login #header .login .nologinhelper {display:block;}
.user_no_login #header .no_login {display:none;}

.user_no_login .user_no_install #header .login {display:none;}
.user_no_login .user_no_install #header .no_login {display:block;}

.default_loading  #header .login .nologinhelper {display:none;}
#innerheader {width:982px;margin:auto;}

/*no_login*/
#innerheader .no_login .logo {float:left;width:245px;height:265px;background:url(images/logo.jpg) no-repeat;}
#innerheader .no_login .logo a {display:block;width:245px;height:265px;text-indent:-99999px;}
#innerheader .no_login .content {float:right;width:737px;height:245px;}
#innerheader .no_login .content .con {}
#innerheader .no_login .content .innercon {float:left;width:380px;}
#innerheader .no_login .content .innercon .userbar {height:29px;margin-top:20px;}
#innerheader .no_login .content .innercon .userbar a {float:right;margin-left:10px;display:block;width:72px;height:29px;background:url(images/header_user.jpg) no-repeat;}
#innerheader .no_login .content .innercon .userbar a.login {background-position:0 0;}
#innerheader .no_login .content .innercon .userbar a.reg {background-position:0 -29px;}
#innerheader .no_login .content .innercon .down {margin-top:35px;}
#innerheader .no_login .content .innercon .down .dec {width:340px;height:120px;background:url(images/header_user.jpg) 0 -58px no-repeat;overflow:hidden;}
#innerheader .no_login .content .innercon .down .dec a {display:block;width:200px;height:55px;margin-top:65px;margin-left:70px;}
#innerheader .no_login .content .picshow {float:right;height:198px;padding:16px 23px 5px;width:305px;background:url(images/header_pic.png) no-repeat;}
#innerheader .no_login .content .innercon  .download64{margin-left:280px;width:100px;position:absolute;margin-top:-25px;font-weight:bold;}
#innerheader .no_login .content .innercon  .download64 a {color:#6B6966;font-weight:normal;text-decoration:underline;}

/*login*/
#innerheader .login .logo {float:left;margin-top:15px;width:163px;height:67px;background:url(images/logo2.jpg) no-repeat;}
#innerheader .login .logo a {display:block;width:163px;height:67px;text-indent:-99999px;}
#innerheader .login .content {float:right;width:737px;height:95px;}
#innerheader .login .content .userbar {margin-top:5px;margin-bottom:24px;height:24px;text-align:right;color:#095F67;}
#innerheader .login .content .userbar  {height:24px;line-height:24px;}
#innerheader .login .content .userbar  a {color:#095F67;text-decoration:none;}
#innerheader .login .content .userbar  .hot a {color:#F92505;}
#innerheader .login .content .userbar  span.hot a {color:#F92505;}
#innerheader .login .content .userbar  ul {float:right;height:22px;}
#innerheader .login .content .userbar  ul li {float:left;height:22px;line-height:22px;padding-left:5px;font-size:12px;vertical-align:center;}
#innerheader .login .content .userbar  ul li.msg {}
#innerheader .login .content .userbar  ul li.msg div {display:block;float:left;}
#innerheader .login .content .userbar  ul li.msg .messges {margin-right:3px;height:16px;padding-top:2px;overflow:hidden;}
#innerheader .login .content .userbar  ul li.msg .messges img {}

/* new 100506 */
#innerheader .content .menu {height:42px;margin-top:4px;} 

#innerheader .content .menu .bar1 {float:left;height:42px;width:530px;overflow:hidden;}
#innerheader .content .menu .bar1 ul {height:42px;width:530px;}
#innerheader .content .menu .bar1 ul li {float:left;width:86px;height:42px;margin-left:2px;line-height:42px;display:inline;}
#innerheader .content .menu .bar1 ul li.m1 {width:86px;margin-left:0;}
#innerheader .content .menu .bar1 ul li a {display:block;width:86px;height:42px;background:url(images/menu.png) no-repeat;text-indent:-99999px;}
#innerheader .content .menu .bar1 ul li.m1 a {width:86px;}

#innerheader .content .menu .bar1 ul li.m1 a {background-position:0 0;}
#innerheader .content .menu .bar1 ul li.m2 a {background-position:-87px 0;}
#innerheader .content .menu .bar1 ul li.m3 a {background-position:-174px 0;}
#innerheader .content .menu .bar1 ul li.m4 a {background-position:-261px 0;}
#innerheader .content .menu .bar1 ul li.m5 a {background-position:-348px 0;}
#innerheader .content .menu .bar1 ul li.m6 a  {background-position:-435px 0;}

#innerheader .content .menu .bar1 ul li.m1 a:hover {background-position:0 -42px;}
#innerheader .content .menu .bar1 ul li.m2 a:hover {background-position:-87px -42px;}
#innerheader .content .menu .bar1 ul li.m3 a:hover {background-position:-174px -42px;}
#innerheader .content .menu .bar1 ul li.m4 a:hover {background-position:-261px -42px;}
#innerheader .content .menu .bar1 ul li.m5 a:hover {background-position:-348px -42px;}
#innerheader .content .menu .bar1 ul li.m6 a:hover  {background-position:-435px -42px;}

#innerheader .content .menu .bar1 ul li.m1 a.act {background-position:0 -42px;}
#innerheader .content .menu .bar1 ul li.m2 a.act {background-position:-87px -42px;}
#innerheader .content .menu .bar1 ul li.m3 a.act {background-position:-174px -42px;}
#innerheader .content .menu .bar1 ul li.m4 a.act {background-position:-261px -42px;}
#innerheader .content .menu .bar1 ul li.m5 a.act {background-position:-348px -42px;}
#innerheader .content .menu .bar1 ul li.m6 a.act  {background-position:-435px -42px;}

#innerheader .content .menu .bar2 {float:right;width:170px;height:26px;line-height:26px;margin-top:8px;background:url(images/menu_bar2_bg.jpg) no-repeat;}
#innerheader .content .menu .bar2 ul {padding-left:10px;}
#innerheader .content .menu .bar2 ul li {float:left;color:#babfc4;margin:0 2px;display:inline;}
#innerheader .content .menu .bar2 ul li a {color:#095f67;}
#innerheader .content .menu .bar2 ul li a:hover {text-decoration:underline;color:#095f67;}

#innerheader .content .menu .bar2 ul li.m4 {position:relative;}
#innerheader .content .menu .bar2 ul li.m4 span {display:block;width:17px;height:14px;position:absolute;top:-8px;right:-15px;background:url(images/menu_hot.gif) no-repeat;}

/* menu 100506 
#innerheader .content .menu {height:40px;margin-top:6px;} 
#innerheader .content .menu ul {height:40px;width:737px;}
#innerheader .content .menu ul li {float:left;width:121px;height:40px;margin-left:7px;line-height:40px;}
#innerheader .content .menu ul li.m1 {width:70px;margin-left:0;}
#innerheader .content .menu ul li a {display:block;width:121px;height:40px;background:url(images/menu.png) no-repeat;}
#innerheader .content .menu ul li.m1 a {width:70px;}

#innerheader .content .menu ul li.m1 a {background-position:0 0;}
#innerheader .content .menu ul li.m2 a {background-position:-77px 0;}
#innerheader .content .menu ul li.m3 a {background-position:-205px 0;}
#innerheader .content .menu ul li.m4 a {background-position:-332px 0;}
#innerheader .content .menu ul li.m5 a {background-position:-459px 0;}
#innerheader .content .menu ul li.m6 a  {background-position:-587px 0;}

#innerheader .content .menu ul li.m1 a:hover {background-position:0 -40px;}
#innerheader .content .menu ul li.m2 a:hover {background-position:-77px -40px;}
#innerheader .content .menu ul li.m3 a:hover {background-position:-205px -40px;}
#innerheader .content .menu ul li.m4 a:hover {background-position:-332px -40px;}
#innerheader .content .menu ul li.m5 a:hover {background-position:-459px -40px;}
#innerheader .content .menu ul li.m6 a:hover  {background-position:-587px -40px;}

#innerheader .content .menu ul li.m1 a.act {background-position:0 -80px;}
#innerheader .content .menu ul li.m2 a.act {background-position:-77px -80px;}
#innerheader .content .menu ul li.m3 a.act {background-position:-205px -80px;}
#innerheader .content .menu ul li.m4 a.act {background-position:-332px -80px;}
#innerheader .content .menu ul li.m5 a.act {background-position:-459px -80px;}
#innerheader .content .menu ul li.m6 a.act  {background-position:-58px -80px;}
*/

/*searchbox*/
#innerheader .searchbox {margin-top:10px;}
#innerheader .searchbox .inputbox {float:left;margin-right:20px;width:417px;height:25px;background:url(images/search_input.jpg) no-repeat;}
#innerheader .searchbox .inputbox .sb_text {float:left;width:347px;height:25px;}
#innerheader .searchbox .inputbox .sb_text input {width:332px;margin-left:2px;margin-top:1px;padding:0px 5px;padding-top:4px;border:none;background:none;}
#innerheader .searchbox .inputbox .sb_act{float:left;margin-left:10px;width:60px;height:25px;display:inline;}
#innerheader .searchbox .inputbox .sb_act input {width:60px;height:25px;border:none;background:none;cursor:pointer;}
#innerheader .searchbox .text {height:25px;line-height:25px;color:#6B6966;}
#innerheader .searchbox .text strong {font-weight:bold;}
#innerheader .searchbox .text a {color:#6B6966;text-decoration:none;}
#innerheader .searchbox .text a.hot {color:#E60000;}
#innerheader .searchbox .text a:hover {color:#fff;background:#C07500;}

/*footer*/
#footer {width:100%;margin-top:10px;border-top:1px solid #D5D0AF;background:#FBF9E8;}
#innerfooter {width:982px;height:60px;margin:auto;background:url(images/footer_bg.gif) left center no-repeat;}
#innerfooter .logo {float:left;width:55px;height:31px;}
#innerfooter .logo a {display:block;width:55px;height:31px;margin-top:15px;}
#innerfooter .text {float:left;padding-left:20px;padding-top:5px;line-height:200%;text-align:left;color:#987049;}
#innerfooter .text a {color:#987049;text-decoration:none;}
#innerfooter .text a:hover {text-decoration:underline;}
#innerfooter .text .span3{font-size:11px;color:#666;}

.footer_notice{ height:40px; margin-top:22px; padding-bottom:0px;}
.footer_notice p{line-height:20px; text-align:center;color:#333333;}

.rank div {float:left;}

.rank_moon {background:transparent url(images/rank/moon.gif) no-repeat scroll 0 0;height:12px;margin-top:4px;width:13px;}
.rank_star {background:transparent url(images/rank/star.gif) no-repeat scroll 0 0;height:12px;margin-top:4px;width:13px;}
.rank_sun {background:transparent url(images/rank/sun.gif) no-repeat scroll 0 0;height:12px;margin-top:4px;width:13px;}
.top-tips {margin-left:35%; background: rgb(104, 175, 2) none repeat scroll 0pt 0pt;color: rgb(255, 255, 255);}


/* item run */
#innerwrapper .item_run .img_wrap {margin-top:-22px;background:#E5F1F6;padding:2px 0;width:128px;height:20px;display:none;position:absolute;*position:static;}
#innerwrapper .item_run_hover {background:#E5F1F6;}
#innerwrapper .item_run_hover .img_wrap {display:block;}
#innerwrapper .item_run .img_wrap a {width:46px;height:16px;line-height:16px;padding:2px 8px;margin-right:2px;display:block;float:left;color:#fff;text-decoration:none;text-align:center;font-weight:bold;font-size:13px;}
#innerwrapper .item_run .img_wrap a.run {background:#BAD840;color:#fff;}
#innerwrapper .item_run .img_wrap a.run:hover {background:#8FC60C;color:#fff;}
#innerwrapper .item_run .img_wrap a.detail {background:#78BAD3;color:#fff;}
#innerwrapper .item_run .img_wrap a.detail:hover {background:#007AAB;color:#fff;}

.item .hot_tag {margin-left:-4px;margin-top:-3px;position:absolute;width:26px;height:24px;}
.item .hot_tag_big {margin-left:-4px;margin-top:-4px;position:absolute;width:36px;height:34px;}

.item .star_0,.star_1,.star_2,.star_3,.star_4,.star_5,.star_6,.star_7,.star_8,.star_9,.star_10{float:left;width:75px;margin-top:10px !important;margin-top:8px;text-align:left;height:15px;line-height:20px;overflow:hidden;}
.item .star_0{background:url(images/star.gif) no-repeat 0px -75px;}
.item .star_1{background:url(images/star.gif) no-repeat 0px  0px;}
.item .star_2{background:url(images/star.gif) no-repeat 0px  0px;}
.item .star_3{background:url(images/star.gif) no-repeat 0px -15px;}
.item .star_4{background:url(images/star.gif) no-repeat 0px -15px;}
.item .star_5{background:url(images/star.gif) no-repeat 0px -30px;}
.item .star_6{background:url(images/star.gif) no-repeat 0px -30px;}
.item .star_7{background:url(images/star.gif) no-repeat 0px -45px;}
.item .star_8{background:url(images/star.gif) no-repeat 0px -45px;}
.item .star_9{background:url(images/star.gif) no-repeat 0px -60px;}
.item .star_10{background:url(images/star.gif) no-repeat 0px -60px;}

.pagebar {text-align:center;}
.pagebar span{float:left;color:#757575;padding-top:3px;}
.pagebar ul{overflow:hidden;width:420px;height:auto;position:relative;text-align:center;}
.pagebar li{float:left;text-align:center;width:auto;height:24px;margin:0px 2px;}
.pagebar li a{float:left;width:22px;padding-top:4px;height:17px;font-family:"宋体";}
.pagebar li.last a{float:left;width:60px;padding-top:4px;height:17px;font-family:"宋体";}
.pagebar li.next a{float:left;width:60px;padding-top:4px;height:17px;font-family:"宋体";}
.pagebar li a:hover{color:#999999;}
.pagebar .active{background:#0C84C4;width:23px;height:23px;line-height:22px;font-weight:bold;color:#fff;}
.pagebar .first a,.page .prev2 a,.page .prev a,.page .next a,.page .next2 a,.page .last a,.page .first a:hover,.page .prev2 a:hover,.page .prev a:hover,.page .next a:hover,.page .next2 a:hover,.page .last a:hover{width:50px;}

/** search autocomplete **/
.game_autocomplete  {background-color:#FFFFFF;position:absolute;z-index:999;}
.game_autocomplete #ac_ul li small {display:none;}

/* 搜索框自动补全样式 */
#ac_s_keywords.game_autocomplete {border:1px solid #fabb5c;}
#ac_s_keywords.game_autocomplete #ac_ul li{border-bottom:1px dotted #fcdf5e;height:20px;line-height:20px;overflow:hidden;}