@charset utf-8;

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,textarea,header,button {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
text-decoration:none;
webkittouchcallout:none;
touchcallout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
tap-highlight-color:rgba(0,0,0,0);
margin:0 auto; 
padding:0;
max-width: 800px;
}

input {
outline:none;
}

body {
line-height:0;
background:#0e2118;
font-size:14px;
font-family:Arial;
color:#2e3136;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote: before,blockquote: after,q: before,q: after {
content:none;
}

: focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

textarea {
resize:none;
}

.clearfix: after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

* html .clearfix {
height:1%;
}

.block {
position:relative;
clear:both;
}

.none {
display:none;
}

.image-header img {
width:100%;
margin:0;
}

a img {
border:none;
}

#board{
	margin-top:5px;
}

#actGotop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url(gotop.png) no-repeat;
	background-size: 60px 60px;
	background-color:rgba(150, 150, 150, 0.3);
	display: none;
	z-index: 100;
	cursor: pointer;
  }
/* #actGotop:hover{background-color:rgba(150, 150, 150, 0.7);} */

.nav {
margin:6px 6px;
background:#f8ffec;
border-radius:10px 10px;
box-shadow:0 -1px 0 0 #275c42;
overflow:hidden;
}

.nav a {
float:left;
padding-top:4px;
width:25%;
line-height:60px;
height:60px;
text-decoration:none;
text-align:center;
font-size:18px;
font-weight:700;
background-image:linear-gradient(0deg,#ffc70e,#ffed35);
background-image:-webkit-linear-gradient(bottom,#ffc70e,#ffed35);
color:#2e3136;
display:block;
text-shadow:.5px .866px 0 rgba(255,255,255,0.8);
}

.nav-new:hover,.nav-new:active,.nav-new:focus,.nav-cat:hover,.nav-cat:active,.nav-cat:focus,.nav-more:hover,.nav-more:active,.nav-more:focus {
background-image:linear-gradient(360deg,#ffc70e,#f1bd2c);
background-image:-webkit-linear-gradient(bottom,#ffc70e,#f1bd2c);
color:#2e3136;
}

.nav a:visited {
background-image:linear-gradient(0deg,#ffc70e,#ffed35);
background-image:-webkit-linear-gradient(bottom,#ffc70e,#ffed35);
color:#2e3136;
}

a.current {
background-image:linear-gradient(360deg,#ffc70e,#f1bd2c);
background-image:-webkit-linear-gradient(bottom,#ffc70e,#f1bd2c);
}

.nav-new img,.nav-cat img,.nav-more img,.nav-search img {
width:24px;
vertical-align:middle;
margin:-4px 5px 0 0;
}

.nav-new {
border-radius:10px 0 0 0;
border-right:#eebe24 1px solid;
margin-left:-4px;
}

.nav-search {
border-radius:0 10px 0 0;
border-left:rgba(255,255,255,0.3) 1px solid;
margin-right:-4px;
}

.nav-search:hover,.nav-search:active,.nav-search:focus {
background:#f2bd2d;
color:#2e3136;
}

.searchbox {
background:#f1bc2d;
box-shadow:1px 1px 0 0 #e0b00c;
height:35px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
position:relative;
padding:5px 5px 0;
}

.search_txt {
border-radius:8px;
background-color:#fff;
box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
height:30px;
font-size:12px;
color:#ccc;
margin:0 auto;
}

.input {
height:30px;
background:none;
color:#333;
font-size:12px;
width:100%;
margin:0 0 0 5px;
}

.sform {
width:98%;
display:inline;
margin:0 auto;
}

.sbutton {
float:right;
position:absolute;
top:11px;
height:17px;
width:17px;
right:15px;
background:url(../img/sbutton.png) #fff no-repeat;
background-size:contain;
color:#ccc;
font-size:12px;
}

.scroll {
float:left;
height:36px;
width:100%;
}

.box {
	background:#509271;
	border-radius:10px;
	height:26px;
	position:relative;
	margin:5px;
}

.box img {
float:left;
width:16px;
vertical-align:middle;
margin:6px 10px;
}

.scrollist {
position:relative;
height:26px;
overflow:hidden;
margin:0 10px 0 35px;
}

.box ul {
position:absolute;
width:100%;
overflow:hidden;
display:block;
height:26px;
}

.box li {
position:relative;
height:26px;
line-height:26px;
vertical-align:top;
padding-right:8px;
width:100%;
overflow:hidden;
}

.box li a {
overflow:hidden;
display:block;
line-height:26px;
width:100%;
color:#2e3136;
white-space:nowrap;
text-overflow:ellipsis;
}

.message {
height:20px;
display:block;
overflow:hidden;
}

.noresult{
	text-align: center;
	height: 200px;
	line-height: 200px;
}

.gamelist {
float:left;
width:100%;
min-height: 200px;
display:block;
margin-bottom: 15px;
}

.gamelist li {
	position:relative;
	padding-right:80px;
	display:block;
	border-radius:10px;
	background:#f8ffec;
	box-shadow:inset 0 0 50px #fff,1px 1.732px 0 0 #275c42;
	height:75px;
	margin:6px 6px 0;
}

.tip_own,.tip_hot,.tip_new,.tip_jian {
width:44px;
height:44px;
display:block;
position:absolute;
top:-1px;
left:-1px;
}

.tip_own {
background:url(../img/tip-own.png) no-repeat;
background-size:44px 44px;
}

.tip_hot {
background:url(tip-hot.png) no-repeat;
background-size:44px 44px;
}

.tip_new {
background:url(../img/tip-new.png) no-repeat;
background-size:44px 44px;
}

.tip_jian {
background:url(../img/tip-jian.png) no-repeat;
background-size:44px 44px;
}

.overflows {
overflow:hidden;
color:#666;
}

.overflows p {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.games {
position:relative;
height:76px;
font-size:13px;
display:block;
border-right:1px solid rgba(100,213,161,0.3);
}

.games h3 {
height:20px;
line-height:20px;
font-size:16px;
font-weight:700;
color:#2e3136;
overflow:hidden;
margin:8px 0 0;
}

.games p {
height:24px;
line-height:24px;
font-size:14px;
color:#76838b;
overflow:hidden;
}

.games span {
height:20px;
line-height:20px;
margin-right:5px;
color:#348062;
font-weight:700;
overflow:hidden;
}

.play {
position:absolute;
top:0;
right:0;
width:79px;
height:76px;
border-left:1px solid rgba(255,255,255,0.5);
font-weight:700;
display:inline-block;
overflow:hidden;
margin:0;
}

.mainlist li {
height:76px;
}

.play_btn {
height:30px;
width:60px;
line-height:30px;
background-image:linear-gradient(0deg,#0e2118,#153827);
background-image:-webkit-linear-gradient(bottom,#0e2118,#1538271);
border-radius:6px;
color:#b3fd25;
font-size:16px;
font-weight:700;
position:relative;
display:block;
text-align:center;
text-shadow:0 0 1px rgba(255,255,255,0.5);
margin:24px 0 0 10px;
}

.loadbtn {
float:left;
height:52px;
width:100%;
line-height:32px;
display:block;
overflow:hidden;
margin-top: -15px;
}

.loadbtn a {
text-decoration:none;
background:#deac0d;
font-size:16px;
font-weight:700;
color:#45371d;
text-align:center;
border-radius:8px;
display:block;
margin:8px 5px;
}

.footnav {
float:left;
width:100%;
height:60px;
line-height:60px;
overflow:hidden;
}

.footnav a {
float:left;
width:25%;
line-height:20px;
height:30px;
text-decoration:none;
text-align:center;
font-size:14px;
color:#2e3136;
display:block;
bottom:0;
text-shadow:.5px .866px 0 rgba(255,255,255,0.8);
}

.nav_b1,.nav_b2,.nav_b3,.nav_b4 {
padding-top:30px;
}

.nav_b1 {
background:url(../img/nav-b1.png) top center no-repeat;
background-size:30px 30px;
border-right:#eebe24 1px solid;
margin-left:-4px;
}

.nav_b2 {
background:url(../img/nav-b2.png) top center no-repeat;
background-size:30px 30px;
border-right:#eebe24 1px solid;
border-left:rgba(255,255,255,0.3) 1px solid;
}

.nav_b3 {
background:url(../img/nav-b3.png) top center no-repeat;
background-size:30px 30px;
border-right:#eebe24 1px solid;
border-left:rgba(255,255,255,0.3) 1px solid;
}

.nav_b4 {
background:url(../img/nav-b4.png) top center no-repeat;
background-size:30px 30px;
border-left:rgba(255,255,255,0.3) 1px solid;
margin-right:-4px;
}

.catlist {
float:left;
width:100%;
display:block;
overflow:hidden;
}

.gamecat,.testcat {
float:left;
width:50%;
margin-bottom:15px;
overflow:hidden;
}

.gamecat li {
height:76px;
background:#ffd8d9;
border-radius:8px;
display:block;
box-shadow:inset 0 0 50px #fff,1px 1.732px 0 0 #ddbe79;
margin:5px 2.5px 5px 5px;
}

.testcat li {
height:76px;
background:#dfefc0;
border-radius:8px;
display:block;
box-shadow:inset 0 0 50px #fff,1px 1.732px 0 0 #ddbe79;
margin:5px 5px 5px 2.5px;
}

.gamecat h3,.testcat h3 {
height:26px;
line-height:26px;
font-size:18px;
font-weight:700;
color:#2e3136;
overflow:hidden;
margin:12px 0 0;
}

.gamecat p,.testcat p {
height:26px;
line-height:26px;
font-size:14px;
color:#76838b;
overflow:hidden;
display:block;
}

.gamecat span,.testcat span {
height:26px;
line-height:26px;
color:#f0bc18;
font-weight:700;
overflow:hidden;
margin:auto 3px;
}

h2 {
height:26px;
line-height:26px;
font-size:18px;
font-weight:700;
color:#2e3136;
display:inline-block;
overflow:hidden;
margin:10px 5px 0;
}

.excerpt {
position:relative;
border-left:solid 4px #060;
background-color:#FFF;
margin:0 15px 5px 0;
padding:20px;
}

.clearfix,.image-header a,.mainlist,.mainlist ul,header,section,footer,aside,article,figure {
display:block;
}

.nav-cat,.nav-more {
border-right:#eebe24 1px solid;
border-left:rgba(255,255,255,0.3) 1px solid;
}

.gamelist li img,.gamecat li img,.testcat li img {
float:left;
width:60px;
height:60px;
border-radius:12px;
background-size:60px 60px;
border:none;
margin:8px;
}

@media max-width1024px {
.maincontent {
margin-right:0;
}
}

@media max-width767px {
.maincontent {
margin-right:0;
}
}

.hidden{
	display:none;
}