#app,
body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden
}
a {
  text-decoration: none;
  color: inherit;
}
.download-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 1.06667rem;
	background-color: #3cc51f;
	font-size: 18px;
	color: #fff
}

.guide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: .34667rem;
	padding-left: .58667rem;
	z-index: 3
}

.guide .guide-text {
	margin-top: .69333rem
}

.guide .guide-text h2 {
	font-size: 18px;
	color: #505050;
	margin-bottom: .4rem
}

.guide .guide-text p {
	margin-bottom: .26667rem
}

.guide .guide-text p i {
	font-size: 14px;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-style: normal;
	background: rgba(251, 114, 153, .3);
	border-radius: 11px;
	color: #fb7299;
	margin-right: .29333rem
}

.guide .guide-text p span {
	font-size: 16px;
	color: #505050
}

.guide img {
	position: absolute;
	right: 1.86667rem;
	top: 0;
	width: 2.48rem
}

.main {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: relative;
	background: url(../image/bg.png);
	background-size: 100% 100%
}

.main .logo {
	width: 100px;
	margin-top: -2.13333rem
}

.main .guide-logo,
.main .logo {
	position: relative;
	height: 100px;
}

.main .guide-logo {
	margin-top: 1.06667rem;
	text-align: center
}

.main .guide-logo img {
	display: inline-block
}

.main .guide-logo .app-logo {
	margin-right: .4rem;
	height: 1.28rem;
	vertical-align: middle
}

.main .guide-logo .app-title {
	height: .88rem;
	vertical-align: middle
}

.main .download-btn {
	margin-top: .8rem;
	position: relative;
	width: 7.2rem;
	height: 1.33333rem
}

.main.has-guide .download-btn {
	margin-top: .53333rem
}

.main .people-22 {
	position: absolute;
	width: 4.26667rem;
	bottom: .8rem;
	left: 0
}

.main .people-33 {
	position: absolute;
	width: 3.2rem;
	right: 0;
	top: 0
}

.main.has-guide .people-33 {
	top: 4.45333rem
}

.dev-info {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: .64rem;
	line-height: .64rem;
	font-size: .26667rem
}

.dev-info .ver {
	position: absolute;
	left: .32rem;
	color: #999
}

.dev-info .links {
	position: absolute;
	right: .32rem;
	color: #575757
}

.dev-info .links a {
	color: #575757;
	text-decoration: underline
}

.activity-main {
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative
}

.activity-main.has-guide {
	margin-top: .58667rem
}

.activity-main .activity-guide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: -.21333rem;
	padding-left: .58667rem;
	z-index: 3
}

.activity-main .activity-guide .guide-text h2 {
	font-size: 15px;
	color: #212121;
	margin-bottom: .4rem
}

.activity-main .activity-guide .guide-text p {
	font-size: 15px;
	color: #212121
}

.activity-main .download-area {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	padding: .26667rem 0 20%;
	background: linear-gradient(hsla(0, 0%, 100%, 0), #fff, #fff, #fff)
}

.activity-main .download-area .logo {
	width: 2rem;
	height: 2rem
}

.activity-main .download-area .title {
	margin-top: .32rem;
	height: 18px;
	font-size: 16px;
	color: #212121
}

.activity-main .download-area .sub-title {
	margin-top: .13333rem;
	height: 16px;
	font-size: 12px;
	color: #6e6e6e
}

.activity-main .download-area .download-btn {
	margin-top: .58667rem;
	width: 270px
}

.blur {
	position: absolute;
	top: 0;
	width: 100%;
	height: 2.77333rem;
	overflow: hidden;
	z-index: 2
}

.blur img {
	margin-top: .58667rem;
	width: 100%;
	height: auto;
	filter: blur(10px)
}

.blur:before {
	content: "";
	position: absolute;
	background: linear-gradient(#fff, hsla(0, 0%, 100%, .5));
	width: 100%;
	height: 100%;
	z-index: 3
}