.top {
	width: 100%;
	background: url(/share/download/bg.png)
    0rem 0rem no-repeat;
	background-size: 100% 100%;
	text-align: center;
}

.top .title {
	font-size: 0.52rem;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #3251E1;
	padding-top: 0.34rem;
	padding-bottom: 0.08rem;
}

.top .title-desc {
	font-size: 0.28rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #3251E1;
}

.top .download-img {
	width: 7.04rem;
	height: 6.4rem;
	overflow: hidden;
	margin: 0.44rem auto 0;
}

.top .download-img img {
	width: 100%;
}

.main {
	
	width: 100%;
	position: absolute;
	top: 6.98rem;
}

.main .main-bg {
	width: 100%;
	height: 1.80rem;
	background: url(/share/download/bg4.png)
    0rem 0rem no-repeat;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
}

.main-bg .logo {
	width: 1.80rem;
	height: 1.80rem;
	margin: 0 auto;
	position: relative;
	bottom: -0.1rem;
}

.main-bg .logo img {
	width: 100%;
}

.main-text {
	width: 100%;
	background-color: #2c4bd8;
	margin-top: -0.1rem;
}

.main-text .logo-name img {
	width: 100%;
}

.main-text .logo-name-desc {
	text-align: center;
	height: 0.32rem;
	font-size: 0.24rem;
	font-family: OPPOSans-M, OPPOSans;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	line-height: 0.32rem;
	margin-top: 0.1rem;
	margin-bottom: 0.50rem;
}

.btn {
	width: 4.48rem;
	height: 0.80rem;
	background: #FFFFFF;
	border-radius: 0.46rem;
	
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0.48rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.btn-img {
	height: 0.36rem;
	width: 0.36rem;
}

.btn-img img {
	width: 100%;
}

.btn-text {
	width: 1.80rem;
	height: 0.36rem;
	font-size: 0.28rem;
	font-family: OPPOSans-M, OPPOSans;
	font-weight: normal;
	color: #3251E1;
	line-height: 0.36rem;
	margin-left: 0.22rem;
	text-align: left;
}

.btn-doc {
	width: 90%;
	font-size: 0.28rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	line-height: 0.4rem;
	font-weight: 400;
	margin: 0 auto;
}

.btn-doc p:nth-child(2) {
	margin-top: 0.2rem;
}

.btn-doc p:nth-child(3) {
	margin-top: 0.2rem;
}

.btn-doc  p {
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
}

.btn-doc  img {
	width: 0.32rem;
	height: 0.32rem;
	margin-left: 0.04rem;
}

.header {
	
	width: 100%;
	height: 0.72rem;
	background-color: rgba(222, 228, 247, 1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.header img {
	width: 0.32rem;
	height: 0.32rem;
}

.header span {
	font-size: 0.28rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(0,0,0,0.9);
	line-height: 0.40rem;
}

.header .text {
	font-size: 0.28rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(0,0,0,0.9);
	margin-left: 0.04rem;
	margin-right: 0.16rem;
}

.header .link {
	font-size: 0.28rem;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #00C93C;
}

.footer{
	width: 100%;
	background-color: #FFFFFF;

}

.button-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.16rem 0.3rem 0.26rem 0.3rem;
}

.button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.34rem;
	height: 0.80rem;
	background: #3251E1;
	border-radius: 0.08rem;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 0.28rem;
	font-family: PingFangSC-Medium, PingFang SC;
}

.button .image {
	width: 0.4rem;
	height: 0.4rem;
}

.button span {
	margin-left: 0.06rem;
}

.button:nth-child(1) {
	position: relative;
}

.button:nth-child(2) {
	border: 1px solid #E7E7E7;
	background-color: #FFFFFF;
	color: rgba(0,0,0,0.9);
}

.button .test {
	padding: 0.02rem 0.12rem;
	font-size: 0.24rem;
	background: #FFBD00;
	border-radius: 0.04rem;
	text-align: center;
	position: absolute;
	top: -0.08rem;
	right: -0.04rem;
}

.btn:nth-child(1) {
	position: relative;
}

.btn .test {
	padding: 0.02rem 0.12rem;
	font-size: 0.24rem;
	background: #FFBD00;
	border-radius: 0.04rem;
	text-align: center;
	position: absolute;
	top: -0.08rem;
	right: -0.04rem;
	color: #FFFFFF;
}

.customer {
	font-size: 0.28rem;
	margin: 0.26rem  auto 0.13rem auto;
	text-align: center;
}

.customer p:last-child {
	margin-top: 0.03rem;
}

.customer span {
	display: inline-block;
}

.color-blue {
	color: #3251E1;
}