/* BY:阿少 */

body {color: #000;font:normal 13px/1.6em 宋体;background: #ffffff;}
* {margin: 0; padding: 0;}
a {text-decoration: none; color: #333;}
a:hover {color: #FF0000;text-decoration: underline;}
input, select, option, textarea {font:12px verdana;}
img {border:0;}
ul,ol {margin:0;padding:0;list-style:none;}
.hide { display:none;}
.left { float:left;}
.right { float:right;}
.marB10 { margin-bottom:10px;}
.marL10 { margin-left:10px;}
.cl { clear:both;}
.f11 { font-size:11px;}
.f10 { font-size:10px;}
.box { border:1px solid #E5DF54; background:url(game/box_bg.gif) repeat-x top;}
.box780 { width:778px; border:1px solid #CBC179; margin:0 auto 5px;}
.box695 { width:680px; margin:0 auto 5px;}
.box695_bor { width:678px; border:1px solid #CBC179; margin:0 auto 5px;}
.box385 { width:385px; border:1px solid #CBC179; margin-borrom:5px; float:left;}
.box260 { width:258px; border:1px solid #CBC179; margin-bottom:10px;}
.box160 { width:158px; border:1px solid #CBC179; margin-bottom:5px;}


/* ------ */
#wrap {width: 950px;margin: 0 auto;padding:0; background:#fff;}
.article {width: 950px;margin: 0 auto 10px;}
.index_main { width:780px;  float:left;}
.index_side { width:160px; float:right;}
.end_main { width:680px;  float:left;}
.end_sidebar { width:260px; float:right;}

/* --- HEADER --- */
#header { width:950px; margin:0 auto; clear:both; padding:5px 0 0;}
.headertop { width:930px; height:25px; line-height:25px; margin-bottom:5px; padding:0 10px; border-bottom:1px solid #ccc;}
.headertop span { float:right;}
#logo { width:190px;float:left; padding-top:10px;}
.nav_right { width:760px; float:right; text-align:right;}

/* --- FOOTER --- */
.footer { width:950px; font-size:13px; font-family:Arial; line-height:2em; margin:0 auto; padding:10px 0; text-align:center; color:#515151; border-top:1px solid #ccc;}
.footer a { color:#515151;}
.footer a:hover {color: #bc2931;}

.nav { width:950px; margin:0 auto 5px; padding:0;}
.sNav { margin:0; height:30px; line-height:30px; background:url(game/menu_bg.jpg) repeat-x 0 -90px;}
.sNav li {padding:0 11px; float:left; color:#fff; font-weight:bold; background:url(game/menu_bg.jpg) no-repeat 100% -60px;}
.sNav li.start { width:4px; height:30px; padding:0; background:url(game/menu_bg.jpg) no-repeat 0 0; overflow:hidden;}
.sNav li.end { float:right; width:4px; height:30px; padding:0; background:url(game/menu_bg.jpg) no-repeat 0 -30px; overflow:hidden;}
.sNav li.current { height:30px; margin:0; overflow:hidden; position:relative; top:0px; left:-3px; background:url(game/menu_bg.jpg) repeat-x 0 -120px;}
.sNav li.current a , .sNav li.current a:hover{ color:#F6FF00;}
.sNav li.noline { background:none;}
.sNav li.right { float:right; height:28px; line-height:28px; font-weight:normal; background:url(game/menu_bg.jpg) no-repeat 50% -60px;}
.sNav li a {color:#fff;}
.sNav li a:hover { color:#FFFF99;}

.tNav { margin:0; padding:0 10px; width:930px; float:left; height:27px; line-height:30px; border-bottom:1px solid #eee; background:#efefef;}
.tNav li {color:#000; margin:0 15px 0 0; float:left;}

/* --- SEARCH --- */
.search {  height:30px; line-height:30px; margin:0; padding:0 5px;float:left;}
.search #sbi { position:relative; top:5px; width:260px; _width:250px;border-style: solid; border-color:#333 #ccc #ccc #333; border-width: 1px; padding: 0px 2px; height: 22px; line-height: 22px; font-size: 14px;}
.search #sbb { position:relative; top:5px; width:60px; height:25px; line-height:23px; font-size:14px; font-weight:bold; text-align:center; margin-left:-5px;}


/*TITLE*/
.title { margin:0; padding:0 10px;  height:28px; line-height:28px;}
.title h2 { font-size:13px; font-weight:bold; padding-left:24px; color:#FF5A00; background:url(game/star.gif) no-repeat 0 3px;}
.title span { float:right; padding:0 10px;}
.title span a { color:#666666;}

.title1 { margin:0; padding:0 10px;  height:26px; line-height:26px; background:url(game/box_bg1.gif) repeat-x top;}
.title1 h2 { font-size:13px; font-weight:bold; padding-left:24px; color:#FF5A00; background:url(game/star.gif) no-repeat 0 3px;}
.title2 { margin:1px; padding:0 10px; height:26px; line-height:26px; font-weight:600; background:url(game/box_bg1.gif) repeat-x top;}
.title2 span { float:right; font-weight:normal;}
.title3 { padding:0; height:28px; line-height:28px; font-weight:600; border-bottom:1px dashed #ccc; background:url(game/box_bg1.gif) repeat-x top;}
.title3 h6 { width:85px; float:left; font-size:12px; padding-left:25px; background:url(game/ic.gif) no-repeat 10px 10px;}




/*INDEX*/
.hot_best{ width:468px; height:248px; overflow:hidden; float:left; margin:0 0 8px 10px;}
.hot_best ul { margin:5px 0px 0px 3px;}
.hot_best li{ float:left;width:114px; text-align:center; margin-bottom:5px; padding:3px 0;}
.hot_best li h6{width:100px;margin:0; padding:0;font-size:12px; font-weight:normal; height:20px; line-height:20px; overflow:hidden;}
.hot_best li span { width:100px; height:75px; display:block; overflow:hidden;border:1px solid #333;}
.hot_best li img { width:110px;}

.top20 { background:#FFFBBC; margin-bottom:5px; border:1px solid #E5DF54;}
.top20 ul{margin:0 8px; padding:5px 0;}
.top20 ul li{margin:0; padding:0; line-height:26px; height:26px; border-bottom:1px solid #F0D181;}
.top20 ul li a { color:#CE3000;}
.top20 ul li span{ display:block; float:left; width:14px; float:left;font-size:11px; font-family:Arial; font-weight:bold; text-align:center;}
.top20 ul li p{ color:#A74C00; height:26px; line-height:26px; padding-left:5px; overflow:hidden;}
.top20 ul li span{background:url(pic/pum.gif) no-repeat 0 center; color:#ffffff;}

.game-class { width:110px; float:left; margin:0; border-right:1px dashed #ccc;}
.game-class span { float:left; margin-left:8px; padding:5px 0px; text-align:center; display:block;}
* html .game-class span{ margin-left:4px;}
.game-class span a{ color:#CE3000; font-weight:600;}
.game-class span img { border:1px solid #333; width:90px; height:60px; overflow:hidden;}
.game-class ul { width:110px; float:left;}
.game-class li { margin-left:8px; padding-left:8px; width:92px; height:24px; line-height:24px; overflow:hidden; background:url(game/dian.gif) no-repeat 0 9px;}

ul.newGames { width:778px; margin:0; text-align:center; overflow:hidden;}
ul.newGames  li { float:left; width:90px; margin:5px 8px 0 12px; font-size:12px;}
* html ul.newGames  li { margin:5px 10px 0 7px;}
ul.newGames  li img { border:1px solid #333; width:90px; height:60px; overflow:hidden;}
ul.newGames  li p { height:24px; line-height:24px; overflow:hidden;}
ul.newGames  a { color:#FF5A00;}

ul.news { padding:7px 5px;}
ul.news li { height:24px; line-height:24px; overflow:hidden; padding-left:12px; background:url(game/dot2.gif) no-repeat 2px 10px;}
ul.news li span { float:right; color:#666; margin-right:5px;}

ul.pic { margin:0; text-align:center;}
ul.pic li { float:left; width:114px; margin:5px 5px 0 10px;}
* html ul.pic li {margin:5px 5px 0 8px;}
ul.pic li span {width:110px; height:83px;overflow:hidden;}
ul.pic li img { width:100px; height:133PX;border:1px solid #333; }
ul.pic li p { height:24px; line-height:24px; overflow:hidden; font-size:12px;}
ul.pic a { color:#FF5A00;}

ul.pic1 { margin:0; text-align:center;}
ul.pic1 li { float:left; width:111px; margin:5px 5px 0 10px;}
* html ul.pic1 li {margin:5px 5px 0 8px;}
ul.pic1 li span { border:1px solid #333; width:108px; height:80px; overflow:hidden; display:block;}
ul.pic1 li span img { width:110px; height:auto; min-height:90px;}
ul.pic1 li p { height:24px; line-height:24px; overflow:hidden; font-size:12px;}


/*位置*/
.current { height:30px; line-height:30px; border-bottom:1px solid #CBC179;}
.current a { margin: 0 5px;}

/* ------------ 列表样式 ------------ */
#list { padding:0px 10px 0 15px;} 

.xylist {float: left;width: 250px;border-bottom: 1px dashed #CCC;height: 90px;padding: 10px 0 5px;}
.xylistimg img {float: left;height: 75px;width: 100px;overflow:hidden;border:1px solid #333;}
.xylisttext {float: right;width: 130px; height:82px; overflow:hidden;line-height: 20px;padding: 3px 10px 0 0;color:#666;}
.xylisttext a { color:#FF5A00;}

/* --- BOX-LIST --- */
ul.box-list1 { padding:0 8px 5px;}
ul.box-list1 li{ height:26px; line-height:26px; overflow:hidden; padding:0 0 0 10px; border-bottom:1px dashed #ddd; background:url(game/dian.gif) no-repeat 0 9px;}
ul.box-list1 li a { color:#000;}
ul.box-list1 li span{ float:right; color:#666;}
ul.box-list1 li span a { color:#666;}
ul.box-list1 li span a:hover {color: #FD2828;text-decoration: underline;}

ul.box-list2 { width:250px; margin:0 auto 10px;}
ul.box-list2 li {width:100px; height:90px; padding:8px 10px 0 12px; float:left; background:none;}
ul.box-list2 li span { width:100px; height:75px; overflow:hidden; border:1px solid #333;display:block;}
ul.box-list2 li span img { width:100px; height:75px; min-height:75px;}
ul.box-list2 li p { height:20px; line-height:22px; overflow:hidden; text-align:center;}


/* ------------ 内容样式 ------------ */
.biaoti{color: #FF3300;margin:20px 5px 0;}
.biaoti h1 {font-size: 22px;text-align: center;}

.biaoti span {float: right; font-size:12px; width:120px; text-align:center; position:relative; top:-20px; right:-5px;}
.biaoti span a {color: #FF3300; font-weight:bold; background:#FFFED6;height: 26px; line-height:26px; display:block;}
.biaoti span a:hover {color: #fff; background:#CBC179;height: 26px; line-height:26px; display:block; text-decoration:none;}

.flash {margin: 12px auto 0;padding:2px;width: 650px; border:5px solid #eee;}

.loading {margin:10px 0;height: 18px;}
.textleft {float:left;height:18px;line-height:18px;font-size:14px;font-weight:bold;color:#0099FF;padding:3px 8px 0;}
.load1 {float:left;background: #FFF;height: 13px;width: 510px;border: 1px solid #999;overflow:hidden;margin-top:3px;}
.load2 {background: #FF6600;padding:1px;   height: 13px;text-align:right;overflow:hidden;}

.jieshao { margin:0; padding:10px 0;}
.jieshao h4 { font-size:14px; margin-bottom:10px; padding:5px 10px; background:#FFEED3;}
.jieshao h4 span { float:right; font-size:12px;}
.jieshao p { line-height:1.6em; color:#666;}
.jieshao p.next { text-align:center}
.jieshao p.next a { font-weight:bold;}

.copy { margin:10px 0; padding:0;}
.copy li { margin-bottom:5px;}
.copy .input{line-height: 18px;font-size:12px;color: #0081EA; padding:2px;border: 1px solid #999;height: 18px;}


.tiao2 {line-height: 22px;color: #FFFFFF;background:#008A00; padding:0 10px;}
.tiao3 {line-height: 22px;color: #FFFFFF;background:#FF6600; padding:0 10px;}
.tiao4 {line-height: 22px;color: #FFFFFF;background:#EA5B98; padding:0 10px;}
.tiao5 {line-height: 22px;color: #FFFFFF;background:#76507F; padding:0 10px;}
.toplist{width:150px;padding:10px 8px 5px 10px;float:left;}
.paihang {float: left;height: 236px;width: 140px;padding-top: 2px;}
.paihang ul {margin: 0px;padding: 0px;}
.paihang li {float: left;width: 140px;list-style-position: inside;list-style-type: none;}
.sz {background:url(game/pum.gif) no-repeat 0 5px;float:left;width:13px;font-family:Arial, Helvetica, sans-serif;font-size:9px;text-align:center;color:#FFF;margin-left: 5px;display: inline;line-height: 23px;}
.yxname {float:left;width:114px;padding-left:6px;padding-top: 2px;line-height: 22px;height:22px;overflow: hidden;}



/* ---- PAGE ---- */
.pages {padding: 1.5em 1em 1.5em 0;margin:0 0 1.5em 0;clear: left;font-size: 80%;font: 83%/1.4 "verdana", "arial",sans-serif;}
.pages li { float:left; margin-right: 0.4em;}
.pages li.thisclass {display: block;float: left; padding: 0.2em 0.8em; background: #333;color:#fff;font-size:12px;font-weight: bold;}
.pages li a {display: block;float: left;padding: 0.2em 0.8em; color:#FF5400;background:#E7E7E7;font-size:12px;text-decoration: none; font-weight:bold;}
.pages li a:hover { background:#333; color:#fff;}
.pages span.pageinfo { float:right;}
