.app,.header {
	position:relative
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}
html {
	line-height:1
}
ol,ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption,td,th {
	text-align:left;
	font-weight:400;
	vertical-align:middle
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
	content:none
}
a,img {
	border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
body,li,p,ul {
	padding:0;
	margin:0
}
a {
	text-decoration:none
}
.off {
	display:none!important
}
.fl {
	float:left!important
}
.fr {
	float:right!important
}
.text-center {
	text-align:center!important
}
.m-0 {
	margin:0!important
}
.ml-10 {
	margin-left:10px!important
}
.ml-15 {
	margin-left:15px!important
}
.ml-30 {
	margin-left:30px!important
}
.mtb-15 {
	margin-top:15px!important;
	margin-bottom:15px!important
}
.mtb-30 {
	margin-top:30px!important;
	margin-bottom:30px!important
}
.mr-15 {
	margin-right:15px!important
}
.mr-30 {
	margin-right:30px!important
}
.get-btn,.orange-btn,.pig,.tv {
	display:inline-block;
	background-image:url(../images/img/icons-sc5a2b6b8f9.png);
	background-repeat:no-repeat;
	background-size:15.41667rem
}
body {
	font:.22222rem "Microsoft Yahei"
}
.app {
	width:750px;
	width:10.41667rem;
	height:100%;
	min-height:1167px;
	min-height:16.20833rem;
	margin:0 auto;
	background:url(../images/img/bg.jpg) center top no-repeat #eee;
	background-size:100%;
	overflow:hidden
}
.header {
	height:1.66667rem;
	margin-top:.41667rem;
	background-color:rgba(255,255,255,.5)
}
.footer,.header iframe,.info,.pig,.tv {
	position:absolute
}
.header iframe {
	top:-.27778rem;
	left:3.75rem
}
.footer {
	position:fixed;
	bottom:1.8rem;
	width:100%;
	height:1.11111rem;
	background-color:#4ab5de
}
.footer dl {
	padding-left:.69444rem;
	padding-top:.06944rem
}
.footer dl dd,.footer dl dt {
	color:#fff;
	font-size:.33333rem
}
.tv {
	right:.94444rem;
	top:2.15278rem;
	background-position:98.97855% 0;
	width:1.81944rem;
	height:2.11111rem
}
.info {
	right:.52778rem;
	top:4.40278rem;
	background-color:rgba(255,255,255,.5);
	padding:.13889rem .27778rem;
	text-align:center;
	font-size:.54167rem;
	line-height:1.25rem;
	color:#13af21;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px
}
.pig {
	right:1.38889rem;
	top:8.75rem;
	background-position:84.30353% 0;
	width:2.05556rem;
	height:1.83333rem
}
.pig i,.pig span {
	position:absolute;
	width:2.5rem;
	text-align:center;
	color:#fff
}
.pig i {
	bottom:-.27778rem;
	font-size:.38889rem;
	text-shadow:.04rem .04rem .04167rem #000
}
.pig span {
	bottom:-.625rem;
	font-size:.27778rem;
	text-shadow:.01389rem .01389rem .04167rem #000
}
.get-btn,.orange-btn {
	position:absolute;
	right:.69444rem;
	top:.13889rem;
	width:3.25rem;
	height:.83333rem
}
.get-btn {
	background-position:0 0
}
.orange-btn {
	background-position:64.72603% 0;
	text-align:center;
	font-size:12px;
	color:#fff;
	line-height:.83333rem
}
.move {
	-webkit-animation:moving 5s infinite;
	-moz-animation:moving 5s infinite;
	-o-animation:moving 5s infinite;
	animation:moving 5s infinite
}
@-webkit-keyframes moving {
	0% {
	transform:translate(0)
}
30% {
	transform:translate(-.69444rem,0)
}
70% {
	transform:translate(.41667rem,0)
}
100% {
	transform:translate(0,0)
}
}@-moz-keyframes moving {
	0% {
	transform:translate(0)
}
30% {
	transform:translate(-.69444rem,0)
}
70% {
	transform:translate(.41667rem,0)
}
100% {
	transform:translate(0,0)
}
}@-o-keyframes moving {
	0% {
	transform:translate(0)
}
30% {
	transform:translate(-.69444rem,0)
}
70% {
	transform:translate(.41667rem,0)
}
100% {
	transform:translate(0,0)
}
}@keyframes moving {
	0% {
	transform:translate(0)
}
30% {
	transform:translate(-.69444rem,0)
}
70% {
	transform:translate(.41667rem,0)
}
100% {
	transform:translate(0,0)
}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	.app {
	position:relative;
	width:19rem;
	height:100%;
	min-height:13.22rem;
	margin:0 auto;
	background:url(../images/img/ipad-landscape-bg.jpg) center top no-repeat #eee;
	background-size:100%;
	overflow:hidden
}
.header iframe {
	top:0;
	left:9.5rem
}
.pig {
	top:7.75rem;
	right:5.18889rem
}
.info,.tv {
	right:4.66667rem
}
.tv {
	top:2.01389rem
}
.get-btn {
	right:4.6rem
}
.footer dl {
	padding-left:4.8rem
}
.orange-btn {
	font-size:18px
}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	.app {
	position:relative;
	width:1024px;
	width:14.22222rem;
	height:100%;
	min-height:18rem;
	margin:0 auto;
	background:url(../images/img/ipad-portrait-bg.jpg) center top no-repeat #eee;
	background-size:100%;
	overflow:hidden
}
.header iframe {
	top:0;
	left:9.75rem
}
.pig {
	top:10.75rem
}
.tv {
	top:2.41667rem
}
.info {
	top:4.83333rem
}
.orange-btn {
	font-size:18px
}
}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
	.header iframe {
	top:-.62222rem;
	left:3.05rem
}
}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
	.header iframe {
	top:-.27778rem;
	left:3.75rem
}
.orange-btn {
	font-size:15px
}
}