* { font-size:15px; }
div, ul, ol, dl, li, dd, dt, p, h1, h2, hr, body, form, font { margin:0px; padding:0px; font-family:Tahoma; }
a { text-decoration:none; color:#1F376D; }
a img { border:none; }
li { list-style:none; }
input, img { vertical-align:middle; border:1; }
body { line-height:30px; }

#header { width:100%; overflow:hidden; }
#header .top { font-size:14px; line-height:20px; background-color:#4996e3; color:#FFFFFF; padding-left:5px; text-align:right; }
#header .top a{ font-size:14px; color:#FFFFFF; }

#post { width:100%; line-height:25px; overflow:hidden; background:#C7DDFF; color:#B22222; padding-left:5px; }
#post a { color:#1F376D; }

#clear { clear:both; display:block;}

#content { width:100%;}
#content .img { padding:10px 0; line-height:20px; }
#content .img a { display:block; width: 48px; margin:auto; font-size:12px; text-align:center; overflow:hidden; }
#content .big_img { padding: 10px 0;clear:both; }
#content .big_img a { display: block; width: 300px; height: 140px; margin: auto; color: white; font-size: 12px; text-align: center; background:#A6A6A6; overflow: hidden; }
#content .cut_img { padding: 10px 0;clear:both; text-align: center; }
#content .cut_img img {width: 240px; height:320px;}
#content .cut_img a img{ width: 40px; height:40px;}
#content .part1 { width:100%; }
#content .part2 { width:50%; }
#content .part3 { width:33.33%; }
#content .part4 { width:25%; }
#content .part5 { width:20%; }
#content .px5 { padding:0px 5px; }
#content .left { float:left; text-align:left; }
#content .right { float:right; text-align:right; }
#content .center { float:left; text-align:center; }
#content .green16 { font-size:16px; color:#4996e3; }
#content .green14 { font-size:14px; color:#4996e3; }
#content .gray14 { font-size:14px; color:#BABABA; }
#content .gray14 a{ font-size:14px; color:#BABABA; }
#content .maroon14 { font-size:14px; color:#B22222; }
#content .maroon16 a{ font-size:20px; color:#B22222; font-weight:bold }
#content .a12{font-size:13px; font-weight:bold}
#content .yellow{color:#F7CE24; font-weight:bold; font-size:12px}
#content .blueline { border-bottom:1px solid #4996e3; }
#content .grayline { border-bottom:1px solid #E3E1E1; }
#content .black{font-weight:bold; }
#content .height60{height:60px;}
#content .sxpx10{padding:10px 10px;}
#content .px55 { padding:5px 5px; }
#content .width75{width:75%;}
#content .width15{width:15%;}
#content .width20{width:20%;}
#content .width94{width: 94%;}



/*for gamelist*/
#content .gamelist{
	padding:0px 0px 10px 0px;
	display:inline-block;
	width:100%;
}
#content .gamelist ul { clear:both; }
#content .gamelist ul li{clear:both; height:60px;width:100%}
#content .gamelist li a{ display: block;padding:5px; height:50px; }
#content .icon_cont{width:48px; height:48px; float:left; margin-left:2px; display:inline-block}
#content .icon_cont img { height: 48px; width:48px;}
#content .img4040{width:40px; height:40px; float:right; margin:5px 5px 0 0;}
#content .img4040 img { height: 40px; width:40px;}
#content .img4848 img { height: 48px; width:48px;}
#content .gameinfo1{padding-left:55px; line-height:25px; text-align:left ; width:80%; display:block}
#content .gameinfo1 span{ float:right; margin-right:4px}
#content .gameinfo2{padding-left:55px; line-height:25px; text-align:left }
#content .gameinfo2 span{ float:right; margin-right:4px}
#content span.gamelist_arrow {cursor: pointer;display: block;margin:6px 10px 0 0;}
#content span.gamelist_tu {cursor: pointer;display: block;margin-top:2px;margin-right:20px;width:40px;}

#content .categorylist ul {clear:both; display:block}
#content .categorylist ul li{ height:60px;width:50%; padding:10px 0; text-align:center; float:left}
#content .categorylist ul li a{text-align:center;width:135px; height:60px; display:inline-block;background:url(../images/category_background.png) no-repeat; line-height:60px;}

#content .good b{background:url("http://img.d.cn/x/djnetgame/images/ding2.png") no-repeat scroll 0 0 transparent;color:#4996e3 ; font-size: 14px;height: 20px;line-height: 20px;width: 74px;padding-left:6px;display:inline-block; text-align:center}

#content .rank{display: inline-block; position: relative;  text-align: center;  vertical-align: middle; width: 50px;float:left;}
#content .rank .no1 {
	color: White;
	font-size: 14px;
	font-weight: 700;
	height: 33px;
	left: 0;
	line-height: 18px;
	position: absolute;
	text-align: center;
	width: 32px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(http://img.d.cn/x/netgame/images/no1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content .rank .no2 {
	color: White;
	font-size: 14px;
	font-weight: 700;
	height: 33px;
	left: 0;
	line-height: 18px;
	position: absolute;
	text-align: center;
	width: 32px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(http://img.d.cn/x/netgame/images/no2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content .rank .no3 {
	color: White;
	font-size: 14px;
	font-weight: 700;
	height: 33px;
	left: 0;
	line-height: 18px;
	position: absolute;
	text-align: center;
	width: 32px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(http://img.d.cn/x/netgame/images/no3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content .level { font-size:14px; line-height:40px; background-color:#FFFFFF; color:#1F376D; padding-left:5px; }
#content .level a{ font-size:14px; color:#1F376D; }

#content .nav, #content .tag{ text-align:center; }
#content .nav ul { height:35px; color:#4996e3;  background-image:-moz-linear-gradient(bottom, rgb(218,218,218) 0%, rgb(255,255,255) 100%); /* firefox */ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.3, rgb(255,255,255)),color-stop(0.75, rgb(218,218,218))); }
#content .nav li { float:left; background:url(../images/navitem_splitbar.gif) no-repeat right center; overflow:hidden;  line-height:35px;}
#content .nav li a { height:35px;}
#content .nav .selected { background-color: #4996e3; color: #FFFFFF;}
#content .nav .selected a{ color: #FFFFFF;}

#content .tag ul { height:30px; color:#4996e3; line-height:30px }
#content .tag li { float:left; overflow:hidden; }
#content .tag li a { color:#FFFFFF; }
#content .tag .s1 { background:#4996e3; }
#content .tag .s2 { background:#d6e6ff; text-align:center;}

#content .bg_nav { text-align:center; background:url(../images/title.png) 100% top no-repeat ;color:#ffffff;  }
#content .bg_nav ul { height:30px; }
#content .bg_nav li { float:left;  overflow:hidden; }
#content .bg_nav li a { height:30px;color:#ffffff; }

#content .list { text-align:center; }
#content .list .green { background-color:#EDFFE8; }
#content .list ul { clear:both; }
#content .list li { float:left; background:url(../images/navitem_splitbar.gif) no-repeat right center; }
#content .list li a{padding-left:5px;padding-right:5px}
#content .list li span{padding-left:5px}

#content .listnav1{background:url(../images/list_background1.png); background-repeat:repeat-x; height:40px; width:100%; text-align:center;}
#content .listnav1 ul{font-size:14px;color:#488cd6; padding-top:5px}
#content .listnav1 ul a{display:block}
#content .listnav1 ul li{float:left; overflow:hidden;height:35px;}
#content .listnav1 .selected1,#content .listnav1 .selected1 b{background:url(../images/select1.png) no-repeat; height:35px; display:inline-block;}
#content .listnav1 .selected1{background-position:0 0; padding-left:14px}
#content .listnav1 .selected1 b{background-position:100% 0;padding-right:14px;}

#content .listnav2{background:url(../images/list_background2.png); background-repeat:repeat-x; height:35px;width:100%; text-align:center; height:35px}
#content .listnav2 ul{font-size:14px;color:#fff; line-height:35px; height:35px}
#content .listnav2 ul li{float:left;}
#content .listnav2 ul a{color:#4c90da; display:block}
#content .listnav2 .selected2,#content .selected2 b{background:url(../images/select2.png) no-repeat; height:28px; display:inline-block;height:28px; line-height:28px}
#content .listnav2 .selected2{background-position:0 0; padding-left:10px; }
#content .listnav2 .selected2 b{background-position:100% 0;padding-right:10px;}

#content .title{ width:100%; background:#D6E6FF; color:#4996e3; line-height:35px}
#content .vote { height:20px; width:80%; display:block; }
#content .vote .cover { line-height:10px; background-color:#4996e3; display:block; border:1px solid #B8D1EE; }
#content .pingfenpart span{padding-left:5px}

#content .search {text-align:center; margin:10px 0}

#content .search_index{ background-color:#ececec; width:100%; text-align:center; padding:8px 0}
#content .search_index .text_bg{border:1px solid #8dc6ff; width:200px; height:26px}

#content .page { clear: both; height: 45px; padding-top: 10px; }
#content .page .li { text-align:center; float:left; }
#content .page .li .text{ height:25px; }
#content .page .home { width:15%; }
#content .page .go { width:39%; }
#content .page .updown { width:23%; }
#content .page .updown a { background-color:#4996e3; color:#FFFFFF; display:block; font-weight:bold; height:35px; line-height:35px; margin-right:5px; }

#footer { width:100%; overflow:hidden; text-align:center; }
#footer .nav { height:30px; line-height:30px; background:#6A6A6A; }
#footer .nav a { display:block; width:25%; float:left; color:#FFFFFF; }
#footer .copyright { height:65px; padding:10px 0; color:#6A6A6A;  line-height:25px; background-image:-moz-linear-gradient(bottom, rgb(218,218,218) 0%, rgb(255,255,255) 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.3, rgb(255,255,255)),color-stop(0.75, rgb(236,236,236)));}
#footer .copyright, #footer .copyright a { font-size:14px; }

#frame_snapshot_list {width:320px;float:left;position:relative;z-index:1;overflow:hidden;}
#scroller_snapshot_list {width:1280px;height:100%;float:left;padding:0; left:0; top:0}
#scroller_snapshot_list > div {list-style:none;display:block;float:left;width:100%;height:100%;padding:0;margin:0;text-align:left;}
#snapshot_list > div {-webkit-box-sizing:border-box;display:block; float:left;text-align:center;font-size:18px;}
#snapshot_list .imgbox{ float:left; width:320px; text-align:center; padding: 10px 0; }
#snapshot_list .imgbox img{ width:240px; height:320px; }
#snapshot_list > div {-webkit-box-sizing:border-box;display:block; float:left;text-align:center;font-size:18px;line-height:140%;}

.pingfenpart{ position:relative;}
#pingfen{ cursor:pointer;}
#pingfen_con{ display:none; position:absolute; top:5%; left:20%;  width:200px; height:120px; background:#fff; border:2px solid #F7CE24}
#pingfen_con #close{ cursor:pointer;float:right; line-height:25px }