* {
	margin: 0;
	box-sizing: border-box;
	padding: 0
}

html,
body {
	width: 100%;
	height: 100%
}

.container {
	width: 100%;
	height: 100%;
	background: #f9f9f9
}

@media (min-width: 751px) {
	.pc-view {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%
	}

	.pc-view main {
		flex-grow: 1;
		position: relative;
		width: 100%;
		height: 9.61rem;
		overflow: hidden;
		background-image: url(../image/bg-dc265a76.png);
		background-size: 100% 100%
	}

	.pc-view main .logo-container {
		display: flex;
		align-items: center;
		position: absolute;
		top: .19rem;
		left: 3.17rem
	}

	.pc-view main .logo-container .logo {
		width: .76rem;
		height: .76rem
	}

	.pc-view main .logo-container .logo-text {
		margin-left: .21rem;
		height: .45rem;
		font-size: .32rem;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #fff;
		line-height: .45rem
	}

	.pc-view main .app-name {
		position: absolute;
		width: 4rem;
		height: 1rem;
		left: 2.87rem;
		top: 1.8rem
	}

	.pc-view main .app-content {
		position: absolute;
		width: 4rem;
		left: 2.95rem;
		top: 3rem;
		height: .5rem
	}

	.pc-view main .text {
		position: absolute;
		height: .56rem;
		left: 3rem;
		top: 3.8rem;
		width: 6.19rem;
		font-size: .2rem;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #fff;
		line-height: .28rem
	}

	.pc-view main .download {
		left: 3.02rem;
		top: 5.76rem;
		position: absolute;
		width: 3.52rem;
		height: 1.11rem
	}

	.pc-view main .preview-img {
		bottom: -.35rem;
		position: absolute;
		width: 5.25rem;
		height: 8.65rem;
		left: 9.98rem
	}

	.pc-view footer {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 1.19rem;
		font-size: .24rem;
		font-family: PingFangHK-Regular, PingFangHK;
		font-weight: 400;
		color: #333;
		line-height: .24rem
	}

	.mob-view {
		display: none
	}
}

@media (max-width: 750px) {
	.pc-view {
		display: none
	}

	.mob-view {
		position: relative;
		background-image: url(../image/mob-bg-4791df12.png);
		background-size: 100% 100%;
		width: 100%;
		height: 100%
	}

	.mob-view .mob-icon {
		top: 3.38rem;
		left: 50%;
		transform: translate(-50%);
		position: absolute;
		width: 1.86rem;
		height: 1.86rem
	}

	.mob-view .mob-text {
		position: absolute;
		top: 5.49rem;
		height: .48rem;
		left: 50%;
		transform: translate(-50%);
		font-size: .34rem;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #fff;
		line-height: .48rem
	}

	.mob-view .btn {
		position: absolute;
		left: 50%;
		transform: translate(-50%);
		text-align: center;
		width: 3rem;
		height: .78rem;
		background: #ffffff;
		border-radius: .43rem;
		font-size: .32rem;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #db500c;
		line-height: .78rem
	}

	.mob-view .btn.download-btn {
		top: 7.03rem
	}

	.mob-view .btn.open-btn {
		top: 8.53rem
	}

	.mob-view .tips {
		position: absolute;
		top: 9.83rem;
		left: 50%;
		transform: translate(-50%);
		font-size: .24rem;
		font-family: PingFangSC-Medium, PingFang SC;
		color: #fff;
		line-height: .33rem
	}

	.mob-view .tips p {
		font-weight: 400;
		margin-bottom: .08rem;
		height: .33rem
	}
}