@charset "utf-8";

*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; display:block}
h2,h3{ font-size:100%}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clear:after{ display:block;content:"."; clear:both; font-size:0; line-height:0; overflow:hidden;}

.menu-quick a,.col-side-bar h2,.col-main li a,.col-main li span a,.col-side-info li a,.col-side-info .shop a{ background-image:url(../img/icon.gif); background-repeat:no-repeat}
/*common*/
#head-wapper{ background:#03b6ff; border-bottom:1px #F3FCFF solid; height:auto}
#head-wapper,#head,#wapper,#foot{ clear:both; margin:0 auto; position:relative; font-family:arial,"宋体",simsun}
#head,#wapper{ width:960px; height:auto;}
#wapper{ margin-top:10px}

/*logo-bar*/
.logo-bar{ float:left}
.logo-bar a{ float:left}
.logo-bar a.logo{ margin:13px 0 0 12px}

/*nav-main*/
.nav-main{ position:absolute;top:32px; left:237px;}
.nav-main li{ float:left; margin:4px 9px 7px}
.nav-main li a{ float:left;height:25px; line-height:25px; overflow:hidden;padding:0 9px;color:#fff; font-size:14px; font-weight:bold}
.nav-main li a:hover{background:#008ee7; text-decoration:none; float:left}

.nav-main li.current{ position:relative;left:0;bottom:0;z-index:9; margin:0 9px}
.nav-main li.current a{ padding:4px 18px 10px; background:#fff;color:#028be9}
.nav-main li.current a:hover{ background:#fff}

/*menu-quick*/
.menu-quick{ float:right}
.menu-quick li{ display:inline; padding:7px 7px 0 11px;}
.menu-quick a{ display:inline;background-position:left -157px; padding:0 0 0 8px; font-size:12px;color:#fff}

/*item*/
.item{ border:1px #e3e3e3 solid; border-bottom:2px #888b94 solid; border-top:none; width:958px}


/*col-side-bar*/
.col-side-bar{ float:left; width:231px; padding:7px 7px 0;}
.col-side-bar h2{ background-color:#028be9;  padding:0 0 0 30px; margin:0 0 5px; font-size:14px; height:31px; line-height:31px;}
.col-side-bar h2 a{color:#fff}
.col-side-bar li{ float:left; width:33.3%;line-height:24px; height:24px; overflow:hidden}
.col-side-bar li a{color:#444;font-size:12px; padding:0 0 0 10px}
/*col-main*/
.col-main{ float:left; width:445px; padding:7px 23px;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;font-size:14px;}
.col-main li{ height:25px; line-height:25px; padding:0 125px 0 0; position:relative; overflow:hidden}
.col-main li span{ position:absolute;top:0;right:0; width:115px; text-align:left}
.col-main li span a,.col-main li span a:hover{color:#bcbbbb; background-position:0 -173px; padding:0 0 0 14px}
.col-main li a{ color:#086aa8;  background-position:0 -134px; padding:0 0 0 8px}
.col-main li a:hover{color:#cd0000}
/*col-side-info*/
.col-side-info{ float:left; width:200px; padding:10px 10px 0; font-size:12px; position:relative}
.col-side-info h3{color:#ff8a00; padding:0 0 8px 9px; margin:0 0 4px; border-bottom:1px #e3e3e3 solid}
.col-side-info li{ line-height:25px; height:25px; overflow:hidden}
.col-side-info li a{color:#000;background-position:9px -134px; padding:0 0 0 16px}
.col-side-info .shop{ position:absolute;top:10px;right:15px;}
.col-side-info .shop a{color:#999; padding:0 6px 0 0; background-position:right -191px}

/*friend-link*/
.friend-link{ font-size:12px; padding:10px 10px 8px}
.friend-link h3{color:#ff8a00; padding:0 0 7px;}
.friend-link h3 a{ font-weight:normal; margin:0 0 0 13px;color:#bcbbbb}
.friend-link li{ display:inline; padding:0 17px 0 8px; line-height:20px; height:20px;}
.friend-link li a{color:#444}


/*tips*/
#main{border-top:1px #e3e3e3 solid;}
#jx h2{ background-position:7px 7px;}
#wow h2{ background-position:7px -24px}
#anmie h2{ background-position:7px -58px}
#game h2{ background-position:7px -96px}
#game,#friend-link{border-bottom:1px #e3e3e3 solid;}
/*tips*/


/*foot*/
.foot{ text-align:center; font-size:12px; line-height:18px; padding:0 0 10px;}
.foot,.foot a{color:#6e6e6e}
.foot .about li{ display:inline; margin:0 0 0 9px}
.foot .about li a{ margin:0 9px 0 0}
/*share*/
.share{ width:265px; margin:0 auto;padding:14px 0 9px}
.share ul li{ float:left; margin:0 15px 0 0; color:#999; font-size:12px;}
.share ul li a{ width:16px; height:16px; display:block; overflow:hidden; text-indent:-9999em;}
.share ul li.to_twitter a{background:url(../img/share_icon.gif) 0 0 no-repeat;}
.share ul li.to_fb a{background:url(../img/share_icon.gif) -32px 0 no-repeat;}
.share ul li.to_delicious a{background:url(../img/share_icon.gif) -64px 0 no-repeat;}
.share ul li.to_qqsq a{background:url(../img/share_icon.gif) -96px 0 no-repeat;}
.share ul li.to_baidu a{background:url(../img/share_icon.gif) -130px 0 no-repeat;}
.share ul li.to_xiaonei a{background:url(../img/share_icon.gif) -200px 0 no-repeat;}
.share ul li.to_kaixin a{background:url(../img/share_icon.gif) -164px 0 no-repeat;}
.share ul li.to_douban a{background:url(../img/share_icon.gif) -232px 0 no-repeat;}

/*flash-ad*/
#flash-ad{ padding:7px; background:#F8F8F8}