/** 
 * -------------------------------------------------------------
 * Copyright (c) 2014 boyaa All rights reserved. 
 * http://266.com/ 
 * ------------------------------------------------------------- 
 */ 

/*!
 * @overview:主样式
 */html {
	color:#333;
	background-color:#FFF5EC;
	-webkit-text-size-adjust:100%;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent
}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin:0;
	padding:0
}
body,button,input,select,textarea {
	font:14px/1.5 "Helvetica neue",Helvetica,Tahoma,Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
	display:block
}
audio,canvas,video {
	display:inline-block
}
img {
	border:0;
	max-width:100%;
	height:auto
}
table {
	border-collapse:collapse;
	border-spacing:0
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%
}
em,i {
	font-style:normal
}
ol,ul {
	list-style:none
}
button {
	cursor:pointer;
	border:0
}
a,a:link,a:visited {
	color:#666;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent
}
a:active,a:hover {
	text-decoration:none
}
.hide {
	display:none
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block;
}
#banner {
	width:100%;
	position:relative;
	top:50px;
	background-size:100% 100%;
}
#guanzhu {
	height:65px;
	width:100%;
}
#content {
	width:80%;
	margin:0 auto;
	padding-bottom: 100px;
}
#content .game {
	width:220px;
	float:left;
	margin:10px;
	background-color:#fff;
	border-radius:10px
}
#content .game-logo {
	height:220px;
	width:220px;
	border-radius:10px 10px 0 0
}
#content .game-logo img {
	border-radius:10px 10px 0 0
}
#content .game-info {
	border:1px solid #E3E3E3;
	border-top:none;
	height:130px;
	padding:10px;
	border-radius:0 0 10px 10px
}
#content .game-info .title {
	font-size:18px;
	color:#000;
	padding-bottom:10px
}
#content .game-info .des {
	min-height:30px;
}
#content .game-info footer {
	height:38px;
	margin-top:15px
}
#content .game-info .btn-play {
	height:40px;
	width:200px;
	border:1px solid #EB4949;
	background-color:#F55656;
	color:#fff;
	font-size:1.1rem;
	font-weight:16px;
	text-align:center;
	line-height:40px;
	display:inline-block;
	border-radius:5px;
	float:left;
	position:relative;
}
#content .game-info .btn-play:hover {
	color:#333;
	background-color:#FFB961;
	border-color:#e0a518;
}
#content .game-info .qr-wrap{
	float:right;
	border-radius:5px;
	width:50px;
	line-height: 25px;
	height:25px;
	background-color:#FFB961;
	font-size: .8rem;
	text-align: center;
}
#content .game-info .qr-wrap:hover .game-qr {
	display:block
}
#content .game-info .btn-play:after {
	position:absolute;
	display:block;
	content:'';
	width:0;
	height:0;
	border-left:6px solid #fff;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	top:12px;
	left:30px
}
#content .game-info .btn-play:hover:after {
	border-left:6px solid #333;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}
#footer {
	text-align:center;
	border-top:1px solid #fff;
	padding:30px 0;
	margin-top:40px;
	position:relative;
	line-height:25px
}
#footer:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#D8D8D8;
	position:absolute;
	top:-2px;
	left:0
}
#footer a {
	color:#11A1DC
}
@media all and (max-width:1000px) {
	#content {
	width:100%
}
#header {
	left:0;
	margin-left:0
}
#header #logo {
	margin-left:10px
}
.header #logo {
	margin-left:10px;
	height:40px;
	padding:0;
	width:100px;
	border:none;
	background-color:transparent
}
.header #logo img {
	width:100px;
	height:35px;
	margin-top:3px;
	display:none
}
.header #fenxiang {
	display:block
}
#banner {
	top:50px;
	-webkit-background-size:960px ;
	background-size:960px;
}
#content {
	width:auto;
	padding-top:20px;

}
#content .game {
	padding:10px 10px 10px 80px;
	border:1px solid #E3E3E3;
	margin:10px 0 0;
	min-height:77px;
	height:auto;
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#content .game .game-logo {
	height:57px;
	width:57px;
	position:absolute;
	left:10px;
	top:10px;
	border-radius:10px
}
#content .game .game-logo img {
	border-radius:10px
}
#content .game .game-info {
	margin:0 0 0 10px;
	height:auto;
	padding:0 70px 0 0;
	position:relative;
	font-size:12px;
	float:left;
	border:none;
	background-color:none;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#content .game .game-info .title {
	padding-bottom:5px;
	font-size:18px
}
#content .game-info .des {
	min-height:0
}
#content .game .game-info footer {
	position:absolute;
	right:10px;
	top:0;
	height:30px;
	line-height:30px;
	width:100px
}
#content .game .game-info .btn-play {
	height:30px;
	line-height:30px;
	width:100px
}
#content .game .game-info .btn-play:after,#content .game .game-info .qr-wrap {
	display:none
}
#footer {
	font-size:12px;
	padding:5px 0;
	margin-top:20px
}