@charset "gb2312";
/* CSS Document */

/*Copyright (c) 2008, UUU9.com  Inc. All rights reserved. 
version: 1.0.0
by: Jazz.Y
email: jazzy.zyb(at)gmail.com
*/

/*CSS 默认值*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family: "宋体";}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: bold; color:#000;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font-size:12px; font-family: "宋体"; color:#000}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}a, button { cursor:pointer}

/*CSS 标签定义*/

body {font-size:12px; font-family:宋体; color:#333}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#333;}
h1, h2, h3, h4, h5, h6, p {line-height:1.2em; font-size:100%;clear:both}
p{ line-height:1.5em}
h1{ font-size:22px}h2{font-size:14px;}h3, h4, h5, h6{ font-size:12px}
strong {font-weight:bold;}

a { color: #1B2E4B; text-decoration:none}
a:link {text-decoration:none} 
a:hover  { color:#FF6600; text-decoration: underline}



.cl:after, .content:after, .header:after, .content:after, .contentbox:after, .box:after, .leftbar:after, .gamelist:after, .listbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl, .content, .header, .contentbox, .box, .leftbar, .gamelist, .listbox:after{zoom:1;}
.clear, .content { clear:both}
.r { float:right}.l { float:left}.n { float:none}.t-r { text-align:right}.t-l { text-align:left} .t-c { text-align:center}.g { color:#888} .red { color:red} .green { color:#9C0} .blue { color:blue}
.p-0 { padding:0}
.p-10 { padding-top:10px}
.footer { width:100%; clear:both; padding:10px 0; margin-top:10px;background:url(ui.jpg) 0 -870px no-repeat; text-align:center; font-family:宋体;}
.footer p { line-height:20px}
.f-0 { font-size:0}
/********************************************/
.all{ width:960px; margin:0 auto;}
.ac{ height:0px; overflow:hidden; clear:both;}
/*****以下代码不同风格以后会换***************************************/
.t1,.t2,.t3{ float:left; height:70px; overflow:hidden;}
.t1 img,.t2 img,.t3 img{ height:70px;}
.t1,.t1 img{ width:220px;}
.t2,.t2 img{ width:600px;}
.t2,.t3{ margin:0 0 0 30px;}
.t3,.t3 img{ width:180px;}
.t4{ float:left;}
.t4 li a{ float:left; font-weight:bold; padding:0 18px; text-decoration:none; font-size:14px; height:24px; overflow:hidden; line-height:28px; overflow:hidden;}
.t4 li a:hover{ text-decoration:none;}
.t4 li{ float:left; margin:0 0 0 10px; display:inline;}
.t4_1{ border:1px #aaa solid; border-bottom:0px; padding:1px 0 0 1px;}
.t4_1 a{ color:#555; background:url(bg01.gif) repeat-x;}
.t4_2{ border:1px #017ad8 solid; border-bottom:0px; padding:1px 0 0 1px;}
.t4_2 a{ color:#fff; background:#017ad8 url(bg02.gif) repeat-x;}
.t4_2 a:hover{ color:#cff;}
.t5{ border-bottom:4px #017ad8 solid;}
.t6{ float:left; line-height:30px; height:26px; padding:0 25px 0 15px; overflow:hidden; background:url(ico01.gif) no-repeat right 3px;}
.t6 a{ font-size:14px; text-decoration:none; color:#333;}
.t6 a:hover{ text-decoration:none;}
.t7{ float:right; font-family:Arial; line-height:30px; height:26px; overflow:hidden;}
.t7 img{ float:left; margin:6px 5px 0 0;}
.t7 a{ float:left; font-size:14px; text-decoration:none; color:#333; margin:0 0 0 15px;}
.t7 a:hover{ text-decoration:none;}
.t8{ background:#308dd6 url(ico06.gif) no-repeat 10px center; height:22px; overflow:hidden; color:#b1d7f5; padding:8px 0 0 25px;}
.t8 a{ color:#fff; text-decoration:none;}
.t8 a:hover{ color:#00f6ff; text-decoration:none;}
/********************************************/
.m1{margin-top:10px;}
.m3{margin-bottom:10px;}
/*****以上代码不同风格以后会换***************************************/

/*****  布局定义  ***************************************/
.contentbox { width:100%; clear:both; margin-top:10px;}

.box { padding-top:10px; width:100%; height:auto}
.title { width:100%; height:30px;background-image:url(ui.png); background-repeat:no-repeat; position:relative}
.title em{ position: absolute; right:10px; top:10px}
.title h2 { position:absolute; top:8px; left:10px}
.content { border-width:0 1px 1px 1px; border-style:solid}

.leftbar { float:left; width:670px; height:auto; padding-right:10px}
.centerbar {float:left; width:370px; height:auto; padding-right:10px}
.rightbar {float:left; width:280px; height:auto}
.content { clear:both; width:100%;}

.picbox{ float:left; text-decoration:none; width:124px; height:114px;text-align:center; margin:5px; overflow:hidden; *display: inline}
		.picbox a img{ padding:1px; border:solid 1px #ccc; display:block}
		.picbox a span{ display:block;  line-height:20px}
		.picbox a:hover span{ text-decoration:underline}
		.picbox a:hover{ text-decoration:none}
		.picbox a:hover img{ text-decoration: none}

/*****  leftbar  ***************************************/
.gamenamelist { width:670px; height:230px; background:url(gamenamelistbg.gif) 0 0px repeat-x; }
	.gamenamelisttitle { height:31px;}
	.gamenamelisttitle a { margin-right:1px; height:31px; width:90px; display:block; float:left; background:url(ui.png) -182px 0 no-repeat; text-align:center; font-size:14px; font-family:Arial, 宋体; line-height:31px;}
	.gamenamelisttitle a:hover { background:url(ui.png) -91px 0 no-repeat; color:#333; text-decoration:none}
	.gamenamelisttitle a.this{ background:url(ui.png) 0 0 no-repeat; font-weight:bold}
	.gamenamelisttitle a.this:hover{ background:url(ui.png) 0 0 no-repeat; color:#333333; text-decoration:none; cursor:default}
	.gamenamelistcontent {border-left:#8AB9D0 solid 1px; border-right:#8AB9D0 solid 1px; width:668px; height:200px; overflow:hidden}
	.gamenamelistcontent ul { margin:10px 20px; padding:0 0 5px 0}
	.gamenamelistcontent li a { line-height:14px;background:url(ui.png) -986px -27px no-repeat; padding-left:18px; padding-top:1px}
	.gamenamelistcontent li a:hover {background:url(ui.png) -986px 1px no-repeat;}
	.gamenamelistcontent li { float:left;padding:6px 0;width:104px;}
	.gamenamelistcontent ul.this {border-bottom:#8AB9D0 dashed 1px; }
.menubar { background-color:#F3F8FA;border:solid 1px #8AB9D0; width:638px; height:48px; padding:10px 15px}
	.menubar strong { color:#666; font-weight:100;} .menubar a { margin-left:8px} 
	.menubar p { line-height:24px}
	
.flashpic { overflow:hidden; width:330px; height:230px; float:left; margin-right:10px}

.newsbox { overflow:hidden; width:330px; height:230px; float:left; background:url(ui.png) -0 -180px no-repeat;}

.newsbox h2{ padding:8px 0 0 10px}
.newsbox ul{ padding:8px 10px}
.newsbox li { font-size:14px; height:24px; line-height:24px; background:url(disc.gif) left 50% no-repeat; padding-left:6px; float:left;}
.newsbox li span{ width:256px; float:left}.newsbox li b{ width:40px; float:left; font-weight:100; color:#555; text-align:right}
.tjolgame { margin-right:10px}
.tjolgame, .tjpcgame { width:330px; float:left; margin-top:10px;}
	.tjolgame .title, .tjpcgame .title{ background-position:-340px 0}
	.tjolgame .content, .tjpcgame .content{ border-color:#8AB9D0; width:308px; height:179px; overflow:hidden; padding:10px}
	.picbar { width:128px; float:left}
		.picbox { margin:0; float:none; }
		.picbox span{ text-align:center}
		.textbar {background:url(ui.png) -700px 0 no-repeat; height:54px; width:108px; padding:7px 8px; line-height:18px}
		.textbar a { color:#003366}
	.listbar { width:178px; float:left; padding-left:2px; overflow:hidden}
	.minlist li{font-size:12px; height:23px; line-height:23px; background:url(disc.gif) left 50% no-repeat; padding-left:10px;}


.zxpc {margin-top:10px;}
.zxol, .zxpc { width:670px; float:left;}
	.zxol .title, .zxpc .title{ background-position:0 -430px}
	.zxol .content, .zxpc .content{ border-color:#8AB9D0; width:660px; height:127px; overflow:hidden; padding:6px 4px 6px 4px}
	.zxol .content .picbox, .zxpc .content .picbox{ float:left; margin:4px; position:relative; height:120px;}
	.zxol .content .picbox span, .zxpc .content .picbox span{ margin-top:3px; }
	.zxol .content .picbox img, .zxpc .content .picbox img { border:solid 1px #5398BA}
	.zxol .content .picbox .cl, .zxpc .content .picbox .cl{ height:16px; width:114px; padding:0 3px;line-height:16px;filter:alpha(opacity=90);  -moz-opacity:0.90; opacity:0.90; position:absolute; top:76px; left:2px; background-color:#5398BA; z-index:2;}
	.zxol .content .picbox b, .zxpc .content .picbox b { font-weight:100; color:#fff}
	.zxpc .content .picbox img { border:solid 1px #9391F2}
	.zxpc .content .picbox .cl {background-color:#9391F2;}

.gamerankbox { width:280px; height:350px;}
	.gamerankbox .titlebox{ height:30px}
	.gamerankbox .titlebox a{ height:30px; width:140px; line-height:30px; text-align:center; background-image:url(ui.png); background-repeat:no-repeat; float:left; cursor:default}
	.gamerankbox .titlebox a:hover { text-decoration:none; color:#333333}
	.gamerankbox .titlebox .olbutton{ background-position:-340px -70px}
	.gamerankbox .titlebox .olbutton.this{ background-position:-340px -40px; font-weight:bold}
	.gamerankbox .titlebox .pcbutton{ background-position:-480px -40px}
	.gamerankbox .titlebox .pcbutton.this{ background-position:-480px -70px; font-weight:bold}
	.gamerankbox .content { height:299px; background-color:#f5f5f5; border-color: #bbb; width:258px; padding:10px; overflow:hidden}
		.gamerankbox .content .picbar { width:258px; float:none; border-bottom:dashed 1px #bbb}
		.gamerankbox .content .picbar .namebox1 { float:left; width:126px; padding-bottom:3px; padding-top:2px}
		.gamerankbox .content .picbar .picbox{ float:left; margin-right:5px; clear:left; height:auto}
		.gamerankbox .content .picbar .namebox1 h4{ padding-bottom:20px; text-indent:16px; background:url(ui.png) no-repeat -986px -759px; padding-bottom:10px; font-weight:100; line-height:20px}
		.gamerankbox .content .picbar .namebox1 p { line-height:22px}
	
		.gamerankbox .content .ranklist { background:url(ui.png) no-repeat -984px -223px; padding-top:0}
		.gamerankbox .content .ranklist li{ float:none; line-height:22px; height:22px}
		

.gamelistbox {}
	.gamelistbox .titlebox { background: url(gamelisttitle.gif) 0 0 repeat-x; height:31px; border-right:#8AB9D0 solid 1px;}
	.gamelistbox .titlebox a{ width:90px; height:31px; display:block; margin-right:1px; text-align:center; font-size:14px; line-height:31px; float:left }
	.gamelistbox .titlebox a:hover{  background:url(ui.png) -91px 0 no-repeat; text-decoration:none; color:#333}
	.gamelistbox .titlebox .ol-game { background:url(ui.png) -182px 0 no-repeat; }
	.gamelistbox .titlebox .ol-game.this{  background:url(ui.png) 0 0 no-repeat; font-weight:bold; cursor:default}
	.gamelistbox .titlebox .ol-game.this:hover{  background:url(ui.png) 0 0 no-repeat; text-decoration:none; color:#333}
	.gamelistbox .content{ background:url(gamelistbg.gif) 0 0 repeat-x; height:379px;width:668px; border:none;border-left:#8AB9D0 solid 1px; border-right:#8AB9D0 solid 1px; overflow:hidden}
	.gamelistbox .box { padding-top:7px}
	.gamelistbox .box2 { padding-top:7px}
	.gamelistbox .gamelist { height:50px; width:100%; overflow:hidden; clear:both}
	.gamelistbox .gamelist .gamelist_1 { float:left; width:60px; text-align:right; padding-top:7px}
	.gamelistbox .gamelist .gamelist_1 img{ width:40px; height:30px; padding:1px; border:solid 1px #5398BA}
	.gamelistbox .gamelist .gamelist_2 { width:270px; float:left; padding-left:15px; padding-top:10px}
	.gamelistbox .gamelist .gamelist_2 h4{ font-weight:100;}
	.gamelistbox .gamelist .gamelist_3 { width:238px; float:left; padding-top:19px}
	.gamelistbox .gamelist .gamelist_4 { width:78px; float:left; padding-top:15px}
	.gamelistbox .gamelist .gamelist_4 a{ height:22px; width:60px; background:url(ui.png) -940px -170px no-repeat; display:block}
	.gamelistbox .gamelist .gamelist_4 a:hover{ height:22px; width:60px; background:url(ui.png) -940px -120px no-repeat; display:block}
	.gamelistbox .gamelist .gamelist_4 a span{ display:none}
	.gamelistbox .t-r { margin-right:10px; line-height:22px}



.maxlist { }
.maxlist .title{ background-position:0 -430px }
.maxlist h2{ top:0; left:0; line-height:30px; float:left;height:30px; background:url(listtitle.jpg) left 0 no-repeat; padding-left:15px}
.maxlist h2 span{ float:left; height:30px; background:url(listtitle.jpg) right 0 no-repeat; padding-right:15px}
.maxlist .content{ width:668px; border-color:#8AB9D0; background:url(listcontent.gif) 0 0 repeat; height:auto; padding:0}
.maxlist .listbox{ height:120px; width:100%;}
	.maxlist .listbox .imgbox{ width:140px; float:left; text-align:right; padding-top:11px}
		.maxlist .listbox .imgbox a img{ width:120px; height:90px; padding:2px; border:solid 1px #8AB9D0}
		.maxlist .listbox .imgbox a:hover img{ width:120px; height:90px; padding:2px; border:solid 1px #FF9900}
	.maxlist .listbox .text{ width:414px; float:left; padding:11px 10px 0; }
		.maxlist .listbox .text h3{ font-size:14px; font-weight:100; line-height:20px; }
		.maxlist .listbox .text h3 a { text-decoration:underline}
		.maxlist .listbox .text div{line-height:20px; color:#666; font-family:Arial;height:60px; overflow:hidden}
		.maxlist .listbox .text p{ color:#CC0000;line-height:20px;}
	.maxlist .listbox .buttonbox{ width:80px; float:left; padding-top:45px}
	.maxlist .listbox .buttonbox a{ display:block;width:80px; height:22px; background:url(ui.png) -460px -320px no-repeat}
	.maxlist .listbox .buttonbox a:hover{ background:url(ui.png) -460px -350px no-repeat}
	.maxlist .listbox .buttonbox a span { display:none}
	.maxlist .bottomtext { height:20px; line-height:20px; text-align:center; background-color:#E7F3F8; margin:1px; clear:both; font-size:14px; color:#1B2E4B; padding:5px 0; font-family:Arial;}
	.maxlist .bottomtext a{ color: #FF3300; text-decoration:underline}
	.maxlist .bottomtext a:hover{ color: #FF9900; text-decoration:underline}
	.maxlist .bottomtext input{ width:30px; border:solid 1px #8AB9D0; text-align:center}
/*****  rightbar  ***************************************/
.soubox { background:url(ui.png) 0 -40px no-repeat; padding:10px; width:260px; height:110px}
	.soubox form { margin-top:15px}
	.soubox form .textbox{ float:left; height:16px; padding:3px; border:solid 1px #FF812D;background:url(ui.png) -982px -55px no-repeat #fff; padding-left:23px; width:140px; line-height:16px; font-size:14px; color:#333}
	.soubox form .button { float:right;margin-right:4px;width:80px; height:24px; border:none;background:url(ui.png) -920px -80px no-repeat}
	.soubox form .button span { display:none}
	.soubox p { margin-top:10px}
	.wowbutton { display:block;width:280px; height:90px; background:url(wow.jpg) 0 0 no-repeat; }
	.wowbutton h2{ display:none}
.tjdown { width:280px}
	.tjdown .title{ background-position:-340px -120px}
	.tjdown .content{ background-color:#f5f5f5; border-color:#BBB; height:309px; width:278px; overflow:hidden}
	.tjdown .cl .picbox { float:left; margin-right:6px}
	.tjdown .cl  { border-bottom: dashed 1px #BBB; margin-top:10px;margin-left:10px; padding-bottom:3px}
	.tjdown .minlist{ padding:10px;}
	.tjdown .minlist li{ line-height:24px; height:24px}
	
	
.wowbox { width:280px; margin-top:10px}
	.wowbox .title{ background-position:-340px -120px}
	.wowbox .content{ background-color:#f5f5f5; border-color:#BBB; height:89px; width:268px; overflow:hidden; padding:0 5px}
	
.ranklist { padding-left:20px; background:url(ui.png) -539px -582px no-repeat; padding-top:3px; margin-top:3px}
	.ranklist li{ height:20px; line-height:20px; float:left}
	.ranklist li span{ float:left; width:180px}
	.ranklist li b{ float:left; width:64px; text-align:right; font-weight:100; color:#555}

.fz { width:280px;}
	.fz .title{ background-position:-340px -120px}
	.fz .content{ background-color:#f5f5f5; border-color:#BBB; height:159px; width:258px; overflow:hidden; padding:10px; }
	.fz .content .ranklist { background-position:-984px -424px; float:none; padding-top:0}
	.fz .content .ranklist li { float:none; height:18px; line-height:18px}
	
.yinyue { width:280px; margin-top:10px}
	.yinyue .title{ background-position:-340px -120px}
	.yinyue .content{ background-color:#f5f5f5; border-color:#BBB; height:139px; width:258px; overflow:hidden; padding:10px}
	.yinyue .content .picbar{ width:100px; float:left}
	.yinyue .content .picbar .picbox { width:100px; height:auto; }
	.yinyue .content .picbar .picbox img{ width:90px; height:90px; display:block}
	.yinyue .content .picbar .yinyuebutton { width:96px; height:18px; display:block; background:url(ui.png) -904px -616px no-repeat; margin-top:3px}
	.yinyuebutton span { display:none}
	.yinyue .content .listbar { width:156px; float:left}
	.yinyue .content .listbar li{ height:20px; line-height:20px; background:url(ui.png) -980px -592px no-repeat; padding-left:24px}

.bizhi { width:280px;}
	.bizhi .title{ background-position:-340px -120px}
	.bizhi .content{ background-color:#f5f5f5; border-color:#BBB; height:229px; width:268px; overflow:hidden; padding:10px 5px;}
	.bizhi .picbox { width:124px; height:110px; overflow:hidden;margin:5px; float:left; margin-top:0}
	
.xyx { width:280px; margin-top:10px}
	.xyx .title{ background-position:-340px -120px}
	.xyx .content{ background-color:#f5f5f5; border-color:#BBB; height:89px; width:268px; overflow:hidden; padding:0 5px}
	.xyx .content .ranklist { float:left;background:url(ui.png) -980px -642px no-repeat;}
	.xyx .content .ranklist li{  float:left; height:20px; line-height:20px;}
	.xyx .ranklist li span{ float:left; width:180px}
	.xyx .ranklist li b{ float:left; width:64px; text-align:right; font-weight:100; color:#555}


/********************************************/
.piclist { width:124px; float:left; margin:8px 9px 0 9px;}
.piclist:hover { text-decoration: underline}
.piclist img{ padding:1px; border:solid 1px #ccc}
.piclist:hover img{ text-decoration:none}
.piclist span{ line-height:20px; text-align:center; display:block;text-decoration:none}


/********************************************/