/*以rem为像素单位*/
html {
	font-size:62.5%;
}

body {
	padding:0,;
	margin:0 auto;
	max-width:640px;
	min-width: 320px;
	/*页面背景色*/
	background:#182e93;
	-webkit-overflow-scrolling: touch;
}
img{
	margin: 0;
	max-width: 100%;
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
}
p{
	margin:0;
	padding:0;
}

ul,li{
	list-style: none;
}

.clearfix:before,.clearfix:after {
	display: table;
	content: ' ';
}
.clearfix:after {
	clear: both;
}
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%; 
}
  
.col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	width: 100%; 
}
.col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; 
}

.col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.banner {
	position:relative;
}

.banner-btn-wrap {
	position:absolute;
	bottom:2rem;
	padding:0 1.8rem;
	box-sizing: border-box;
}
.banner-btn-wrap .col{
	box-sizing: border-box;
}
.banner-btn-wrap .col:first-child{
	text-align: left;
	margin-right:1rem;
}

.banner-btn-wrap .col:last-child{
	text-align: right;
	margin-left:1rem;
}

.section {
	box-sizing: border-box;
	padding:0 .5rem;
	margin-top:2rem;
}
.section .sec-header, .section .sec-body, .section .sec-footer {
	/*区块背景色*/
	background:#292929;
	color:#fff;
	/*区块的边框*/
	border:1px solid #2f7ad5;
	box-sizing: border-box;
	padding:0 1.8rem;
	position:relative;
}
.section .sec-header {
	height:5rem;
	line-height: 5rem;
	padding-top:0;
	padding-bottom:0;
	padding-left:5.4rem;
}

.sec-title {
	display: inline-block;
	font-size:2rem;
}
.sec-dot{
	display: inline-block;
	width:.5rem;
	height:.5rem;
	border-radius: .5rem;
	background:#fff;
	position:relative;
	top:-.3rem;
}
.sec-icon{
	display: inline-block;
	height:3rem;
	position:absolute;
	width:3rem;
	left:1.8rem;
	top:50%;
	margin-top:-1.5rem;
}
.sec-icon img{
	max-height: 100%;
}
.section .sec-body {
	padding-top:1.8rem;
	padding-bottom: 1.8rem;
	font-size:1.2rem;
	line-height: 1.5;
	border-top:0;
}
.addon-desc {
	margin-top:.5rem;
	font-size: 14px;
}
.section .sec-footer{
	border-top:0;
}
.section .sec-footer.see-detail {
	height:4rem;
	line-height: 4rem;
	position:relative;
	font-size:1.4rem;
	color:#fff;
}
.see-detail a{
	color:#fff;
	text-decoration: none;
	display: block;
}
.see-detail .arr-right {
	display:inline-block;
	float:right;
}
.section .sec-footer.with-btn {
	padding-top:3rem;
	padding-bottom: 3rem;
}

.sec-footer .col:first-child{
	text-align: left;
	box-sizing: border-box;
	margin-right:1rem;
}
.sec-footer .col:last-child{
	text-align: right;
	box-sizing: border-box;
	margin-left:1rem;
}

.prize-wrap .col {
	padding:.3rem;
	box-sizing: border-box;
	position:relative;
}
.prize-wrap .col.col-50{
	padding:0rem .6rem;
	cursor: pointer;
}
.prize-wrap .prize-cover {
	position:absolute;
	z-index: 10;
	left:0;
	top:0;
	display: none;
}
.prize-wrap .col.active .prize-cover{
	display: block;
}

.sec-body .game-images {
	overflow-y:hidden;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}

.sec-body .game-images::-webkit-scrollbar{
	display:none;
}
.game-image-wrap {
	min-width:200rem;
}
.sec-body .game-images img {
	margin-right:2rem;
	display:inline-block;
	max-width:21rem;
}
.video-wrap {
	position:relative;
}
.video-wrap .play-icon {
	position:absolute;
	height:6rem;
	width:6rem;
	top:50%;
	left:50%;
	margin-left:-3rem;
	margin-top:-3rem;
	-webkit-tap-highlight-color: rgba(255,255,255,.65);
	-webkit-touch-callout: none;
}
.contact-title-wrap {
	position:relative;
	text-align:center;
	height:5.8rem;
	background-repeat:no-repeat;
	background-image:url();
	background-position:center center;
	background-size:contain;
}
#contact .sec-body{
	border:1px solid #2f7ad5;
}
.contact-title-wrap .contact-title {
	font-size:2rem;
	display:block;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5.8rem;
	line-height:6rem;
	text-align:center;
}
.contact-info{
	color:#cbccdc;
	font-size:1.6rem;
	text-align:center;
}
.page-footer {
	margin-top:2rem;
	height:4.4rem;
	line-height:4.4rem;
	background:#4d4d48;
	color:#fff;
	font-size:1.6rem;
	text-align:center;
}