/*iscroll banner滚动*/
.banner { width:100%; margin:0 auto; padding:0; background-color:#151515;}
#wrapper { margin:0; width:100%; height:auto; float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;}
#scroller { height:auto; float:left; padding:0;}
#scroller ul { list-style:none; display:block; float:left; width:100%; height:auto; padding:0; margin:0; text-align:left;}
#scroller li { display:block; float:left; width:auto; height:auto; text-align:center; font-size:0px; padding:0; position:relative;}
#scroller li a{ display:block; padding:0; margin:0;}
#scroller li a img{ max-height:280px; width:100%;}
#scroller li p{ position:absolute; z-index:2; display:block; width:94%; bottom:0; background-color:rgba(0, 0, 0, 0.5); color:#F4F4F4; font-size:16px; line-height:28px; height:28px; overflow:hidden; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding:5px 3%; margin:0;}
#nav { float: right; margin-top: -25px; padding: 0; position: relative; width: auto; z-index: 3; margin-right:2%;}
#indicator > li { display:block; float:left; list-style:none; padding:0; margin:0;}
#indicator { display: block; margin: 0; padding: 0; width: auto;}
#indicator li { text-indent:-9999em; width:14px; height:14px; background:#888; overflow:hidden; margin-right:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;}
#indicator li.active { background:#DDD;}
#indicator li:last-child { margin:0 8px 0 0;}
/*menu*/
.menu{width: 100%;background-color: #fff;}
.menu li{float: left;width: 25%;margin-top:3%;}
.menu img{ display:block; margin:0 auto 3%; max-width:70px;}
.menu span{display: block; height: 20px;line-height: 20px;padding-top:2%;text-align: center;margin: 0 auto;}
.com{ padding-bottom:10px;}
/*gameSL*/
.gameSL img{ border-radius: 20px 18px 18px 18px; width:65px!important; height:65px!important;}
.gameSL{width: 100%;}
.gameSL thead{background-color: #eee;width: 100%;height:2em;line-height:2em;font-size:0.9em;color: #999;}
.gameSL td,.gameSL th{padding: 0 3% 0 5%; font-size:14px;}
.gameSL th:nth-child(1),.gameSL td:nth-child(1){ max-width:50%;}
.gameSL th:nth-child(2),.gameSL td:nth-child(2){width:15%; padding-left:0; text-align:left;}
.gameSL th:nth-child(3),.gameSL td:nth-child(3){width:12%; padding:0; text-align:center;}
.gameSL tbody tr{border-bottom: 1px solid #ccc;}
.gameSL tbody td{ padding:10px;}
.gameSL .img{float: left; max-width:120px; min-width:75px; width:32.6%; border-radius: 18px;overflow: hidden;margin-right:10px;position: relative;}
.gameSL .num{position: absolute;left: -24px;top: -24px;width: 24px;height: 24px;border-radius: 58px;background-color: #fff;color: #e64d00;font-size:0.8em;font-family: "Arial";padding:25px 0 0 25px;line-height: 24px;}
.gameSL .desc{float: left; max-width:50%;}
.gameSL h3{ font-size:16px; height:26px;line-height:26px; overflow:hidden; text-align:left;}
.gameSL .desc h3 a{ color:#333!important;}
.gameSL .classify{ font-size:14px; color: #787878; margin-bottom:3px;display: block; text-align:left!important;}
.gameSL .platform{height: 28px;}
.gameSL .platform span{float: left;width:20px;height:20px;background-image: url(../images/platform_icon.png);background-repeat: no-repeat; background-size:100%; margin-right: 8px;}
.gameSL .platform .android{background-position: 0 0;}
.gameSL .platform .apple{background-position: 0 -20px;}
.gameSL td:nth-child(2){font-family: "Arial";}