﻿body,button,input,select,textarea{font-family:微软雅黑;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body{margin:0 auto;background:#f2f2f2;margin: 0 auto;font-size: 12px;font-family:微软雅黑;overflow-x: hidden; -webkit-text-size-adjust: none; -webkit-touch-callout: none;-webkit-user-select: none;}
img{border:0;display: block;}
*{margin:0px;padding:0px}
ul, ol, li {list-style: none;}
a{outline:0;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;overflow:hidden;width:100%;height:0;font-size:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.header{width:100%}
.header img{width:100%}
.content{width:100%;min-height:387px;}
.content .banner {position: relative;}
.content .banner img{width:100%;}
.content .gameList{background:#ffffff;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;margin: 9px 0px;padding: 2.5% 0;position: relative;}
.content .gameList .icon{  width: 18.75%;margin-left: 2.125%;float: left;}
.content .gameList .icon img{width:100%;}
.gameList .name{width: 75%;float: left;color: #9b9b9b;position: relative;  margin-left: 1.5%;}
.gameList .name .gamename{color:#151515;  font-size: 1.3em;font-weight: normal;line-height: 1;}
.gameList .name .gamestart img{  width: 25%; margin: 1% 0px;}
.gameList .name .gameinfo {color: #bcbcbc;font-size: 1em;}
.gameList .name .gametext{  width: 90%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gameList .down{right: 2.125%;width: 24.375%;margin-top: 5%; position: absolute;z-index:9}
.gameList .down a{  color: #fff;display: block;text-align: center;width: 100%;font-size: 1em;background: #25c957;border-radius: 0.3em;line-height: 2;padding: 6% 0;}


.content .gamedown_info {background: #ffffff;border-bottom: 1px solid #e1e1e1;padding: 2.5% 0;position: relative;}
.content .gamedown_info .icon{  width: 18.75%;margin-left: 3.125%;float: left;}
.content .gamedown_info .icon img{width:100%;}
.gamedown_info .name{width: 72%;float: left;color: #9b9b9b;position: relative;  margin-left: 1.5%;margin-top: 2.3%;}
.gamedown_info .name .gamename{color:#151515;  font-size: 1.2em;font-weight: 600;line-height: 1;}
.gamedown_info .name .gamestart img{  width: 45%; margin: 2% 0px;}
.gamedown_info .name .gametext{  width: 100%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content .gamedown_info .ma{  width: 18.75%;margin-right: 3.5%;float: right;}
.content .gamedown_info .ma img{width:100%;}


.content .gameFeatures { padding: 3.5% 2% 3.5% 3.5%; background: #fff;border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none; display: table; width: 100%; -webkit-box-sizing: border-box; font-size: 12px;}
.content .gameFeatures  span {color: #25c957;float:left;display:block;  margin-right: 4%;font-size: 12px;height:16px;line-height:16px;}
.content .gameFeatures img {width: 16px;margin-right: 1%;float:left;max-width:28px;}

.slider{  margin: 0 auto;width:90%;  padding-bottom: 15%;  margin-top: 10px;}
.gameimg{width: 100%;overflow-x: scroll;}
.gameimg ul {width: 190%;}
.gameimg ul li {width: 19.5%;padding-right: 0.5%;float: left;}
.gameimg ul li img {width: 100%;}
.slider .js{  color: #151515;font-size: 1.2em;padding: 3% 0px;font-weight: 600;}
.slider .xxjs{color:#999999;font-size:1em;padding: 0% 0% 5% 0%;}


.content .gamedown_footer{z-index: 5; width: 100%;position: fixed;bottom: 0;left: 0;background: #2c2a2a;padding: 2% 0px;opacity: 1;}
.content .gamedown_footer a{font-size: 2.2em;width: 80%;background: #25c957;color: #fff;display: block;padding: 3% 0px;margin: 0% 10%;text-align: center;border-radius: 5px;}
.content .gamedown_footer a:hover{color:#fff}

.content .about{width:90%;margin-left: 5%;margin-top: 10px;}
.content .about h3{text-align:center}
.content .about p{margin-top:10px}
.content .about h4{margin-top:10px;margin-left: 6px;}

.content .kefu{width: 90%; margin-left: 5%;}
.content .kefu img{width:60px;float: left;}
.content .kefu div{  margin: 10px 0px;}
.footer{min-height:70px;background:#262626;text-align:center;  padding: 0px 0px 10px 0px;bottom: 0px;width:100%}
.footer .efooter{height:32px;line-height:32px;color:#ececec}
.footer .efooter span{margin:0px 10px;}
.footer a{color:#ececec}
.footer a:hover{color:#ececec}
.footer p{color:#6c6c6c;height:20px;line-height:20px;}
@media screen and (min-width:375px){
	.gameList .name{margin-top: 1.1%;}
	.gameList .name .gamename{font-size: 1.4em;}
	.gamedown_info .name .gamename{font-size: 1.35em;}
	.slider .js{font-size: 1.25em;}
	.slider .xxjs{}	
}
  
@media screen and (min-width:400px){
	.gameList .name{margin-top: 1.2%;}
	.gameList .name .gamename{font-size: 1.35em;}
}
@media screen and (min-width:460px){
	.gameList .name{margin-top: 1.4%;}
	.gameList .name .gamename{font-size: 1.5em;}
	.gameList .name .gameinfo{font-size: 1.1em;}
	.gameList .name .gametext{font-size: 1.2em;}
	.gamedown_info .name .gamename {font-size: 1.45em;}
	.gamedown_info .name .gametext{font-size: 1.2em;}
	.slider .js{font-size: 1.45em;}
	.slider .xxjs{font-size: 1.2em;}	
}
@media screen and (min-width:500px){
	.gameList .name .gameinfo{font-size: 1.2em;}
	.gameList .name .gamename{font-size: 1.6em;}
	.gameList .name .gametext{font-size: 1.3em;}
}
@media screen and (min-width:560px){
	.gameList .name{margin-top: 1.6%;}
	.gamedown_info .name .gamename {font-size: 1.65em;}
	.gamedown_info .name .gametext{font-size: 1.4em;}
	.slider .js{font-size: 1.65em;}
	.slider .xxjs{font-size: 1.4em;}	
}
@media screen and (min-width:600px){
	.gameList .name .gamename{font-size: 1.8em;}
	.gameList .name .gameinfo{font-size: 1.4em;}
	.gameList .name .gametext{font-size: 1.5em;}
	
}
@media screen and (min-width:640px){
	.gameList .name{margin-top: 1.8%;}
}
@media screen and (min-width:700px){
	.gameList .name .gametext{margin-top: 1%;}
}
@media screen and (min-width:760px){
	.gameList .name .gamename{font-size: 2em;}
}





