.fix-box{
	width: 100%;
	max-width: 25rem;
	height: 3.93rem;
	background: #130C41;
	margin-left: -12.5rem;
	box-sizing: border-box;
	padding: .67rem 1.2rem .67rem 1rem;
	position: fixed;
	z-index: 90;
	top:0;
	left: 50%;
}
.fix-box > img{
	width: 2.23rem;
	height: 2.23rem;
	margin-right: .3rem;
}
.fix-box > div h3{
	height: 1rem;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1rem;
	color: #FFFFFF;
}
.fix-box > div p{
	font-size: .67rem;
	font-weight: normal;
	color: #FFFFFF;
	line-height: .8rem;
	margin-top: .2rem;
}
.fix-box > a{
	width: 6.6rem;
	height: 2.6rem;
	background: url(../images/dwbg.png) no-repeat center top;
	background-size: 100% 100%;
	overflow: hidden;
	cursor: pointer;
	animation: fd .7s infinite ease-in;
}
.fix-box > a img{
	width: .8rem;
	height: .77rem;
	margin-right: .2rem;
}
.fix-box > a span{
	font-size: .87rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.33rem;
}
.topbanner{
	position: relative;
}
.download-box{
	width: 100%;
	height: 11.7rem;
	background: url(../images/shaw.png) no-repeat  center top;
	background-size: 100% 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	
}
@keyframes fd {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.download-box a{
	width: 74.4%;
	height: 4.93rem;
	background: url(../images/dwbg.png) no-repeat center top;
	background-size: 100% 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 4.8rem;
	cursor: pointer;
	animation: fd .7s infinite ease-in;
}
.download-box a img{
	width: 1.63rem;
	height: 1.6rem;
	margin-right: .83rem;
}
.download-box a span{
	font-size: 1.87rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.8rem;
}
.save-money{
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 8.267rem;
	left: 0;
	box-sizing: border-box;
	padding: 0 3.13rem;
}
.save-money > span{
	font-size: 1.167rem;
	font-weight: normal;
	color: #2ADEFF;
	line-height: 1.567rem;
}
.save-money > div p{
	float: left;
	width: 1.3rem;
	height: 1.467rem;
	background: url(../images/numbg.png) no-repeat center top;
	background-size: 100% 100%;
	overflow: hidden;
	margin-left: -.13rem;
	margin-top: .2rem;
	font-size: 1.167rem;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.267rem;
	text-align: center;
	text-shadow: 0 .07rem .07rem rgba(29,14,137,0.3);
}
.save-money > div p:nth-child(4),.save-money > div p:nth-child(8){
	background:none;
}
.content{
	position: relative;
}
.artifact{
	width: 100%;
	height: 12rem;
	position: absolute;
	z-index: 2;
	top: .36rem;
	left: 0;
}
.handicapbg{
	width: 94.67%;
	background: url(../images/kbg.png) no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 1.8rem 1.93rem 3.167rem 1.93rem;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 9rem;
	left: 2.67%;
}
.handicapbg .ftitle-1,.handicapbg .ftitle-2{
	width: 15.867rem;
	height: 2.97rem;
	margin: 0 auto;
}
.handicapbg .ftitle-2{
	margin-top: 1.3rem;
}
.list-box{
	box-sizing: border-box;
	margin-top: .3rem;
}
.list-box li{
	width: 6.3rem;
	height: 6.367rem;
	background: url(../images/tsbg.png) no-repeat center top;
	background-size: 100% 100%;
	margin-top: 1.36rem;
}
.list-box li img{
	width: 5.53rem;
	height: 5rem;
	margin: 0 auto;
	margin-top: -.83rem;
}
.list-box li p{
	font-size: .8rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: .93rem;
	text-align: center;
}
.enjoy-play{
	position: relative;
}
.enjoy-play .enjoyplay{
	width: 100%;
	height: 13.8rem;
	position: absolute;
	z-index: 1;
	top: -1.67rem;
	left: 0;
}
.play-box{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 8.03rem 2.1rem 0 2.1rem ;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.play-box .intro{
	width: 9.93rem;
	height: 9.73rem;
	background: url(../images/fpbj.png) no-repeat center top;
	background-size: 100% 100%;
	overflow: hidden;
	margin-bottom: .5rem;
}
.play-box .intro h3{
	height: 2.1rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2.1rem;
	text-align: center;
	margin-top: 3rem;
}
.play-box .intro p{
	font-size: .8rem;
	font-weight: normal;
	color: #8794E5;
	line-height: 1rem;
	text-align: center;
}
.bottom-box{
	width: 100%;
	background: #1C0F71;
	box-sizing: border-box;
	padding: 1.5rem 0;
}
.bottom-box p{
	font-size: .77rem;
	font-weight: normal;
	color: #575DCB;
	line-height: 1.1rem;
	text-align: center;
}

.bottom-box p a{
	font-size: .77rem;
	font-weight: normal;
	color: #575DCB;
	line-height: 1.1rem;
	text-align: center;
}

.qq-box{
	width: 3.867rem;
	height: 2.53rem;
	position: fixed;
	z-index: 100;
	top: 16.2rem;
	right: 1.43rem;
	cursor: pointer;
}
.wx-box{
	width: 3.867rem;
	height: 2.53rem;
	position: fixed;
	z-index: 100;
	top: 19.07rem;
	right: 1.43rem;
	cursor: pointer;
}
.wx-pop{
	display: none;
	width: 12.567rem;
	height: 12.57rem;
	background: url(../images/bluebg.png) no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: .93rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.wx-pop .close-box{
	width: 2.367rem;
	height: 2.467rem;
	position: absolute;
	z-index: 1;
	top: -1.367rem;
	right: -.33rem;
	cursor: pointer;
}
.wx-pop  .qr-box{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	border-radius: .33rem;
}
.wx-pop  .qr-box img{
	height: 100%;
}