@charset "utf-8";
/* CSS Document */
/* common */
*{padding:0;margin:0;list-style:none;border:none;outline:none; text-decoration:none; font-family:'MicroSoft YaHei';}
body{ background:#fcfcfc;}
h1,h2,h3{ overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
/* layout */
.box{ width:1200px; margin:0 auto; overflow:hidden}
.wrap{ width:1200px; margin:15px auto; overflow:hidden}
.wrap .beian{color:#868686;}
.fl{ float:left}
.fr{ float:right}
.topper{ font:normal 12px/30px 'MicroSoft YaHei'; color:#ccc; background:#F0F0F0; border-top:1px solid #B6B6B6; text-align:right}
.topper a{ color:#666; margin:0 10px;}
.topper a:hover{ color:#F60;}

.header{ height:100px; border-bottom:1px solid #e3e3e5; margin:0 auto;}
.logo a{ height:50px; margin:25px 0; font:bold 32px/50px 'MicroSoft YaHei'; color:#868686; float:left;}
.logo b{ color:#21CF78;}
.header .box .logo{width:240px;height: 72px;overflow: hidden;background: url(../images/logo.png) 0 0 no-repeat; float: left; margin-top: 14px; }
.menu{ width:585px; height:100px; margin:0 20px; float:left}
.menu a{ font:bold 15px/98px 'MicroSoft YaHei'; color:#666; border-top:2px solid #fcfcfc; padding:0 12px; display:inline-block}
.menu a:hover,.menu a.on{ background:#F8F4F3; border-top:2px solid #21CF78;}
.menu i{ width:30px; height:30px; background:url(../images/icons.png) no-repeat; vertical-align:middle; padding-right:6px; display:inline-block}
.menuGame i{ background-position:0 0;}
.menuApp i{ background-position:0 -30px;}
.menuTopic i{ background-position:0 -60px;}
.menuNew i{ background-position:0 -90px;}



.footer{ font:normal 12px/20px 'MicroSoft YaHei'; color:#999; padding:5px 0 20px 0; text-align:center;}
.wrap{ width:1200px; margin:15px auto; overflow:hidden}
.wrap .beian{color:#868686;}