* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: MiSans;
}
.home-right p{
	margin: 0;
}
li {
	list-style: none;
}

a {
	text-decoration: none;
	list-style: none;
}

div {
	display: block;
}

img {
	display: block;
	user-select: none;
	-webkit-user-drag: none;
}

.main {
	min-height: 100vh;
	height: 100%;
	background: rgb(12, 14, 21);
}

.app-main {
	min-width: 100%;
}

.home {
	background: #0C0E15;
	width: 100%;
	height: 100%;
}

.home .hone-cen {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.subtitle {
	display: flex;
	align-items: center;
}

.mySwiper1 .active {
	display: none;
}



.flex-center {
	justify-content: center;
	align-items: center;
}

.flex-column {
	flex-direction: column;
}

.flex {
	display: flex;
}

.cursorp {
	cursor: pointer;
}

.mySwiper2 {
	display: none;
}


.abcd2 {
	display: none;
}

@media screen and (min-width: 640px) {
	.home {
		min-width: 1088px;
		min-height: 588px;
		position: relative;
	}

	.home .hone-cen {
		margin: 0 auto;
		height: 100%;
		padding: 0 32px;
		position: absolute;
		top: calc(50% + 100px);
		left: 50%;
		transform: translate(-50%, -50%);
		background: url(../img/home-bg-d30f2800.png) no-repeat;
		background-size: 100% 100%;
	}

	.mySwiper1 {
		width: 488px;
		height: 688px;
	}

	.mySwiper1 img {
		width: 488px;
		height: 588px;
	}

	.home-right {
		width: 460px;
		color: #fff;
		line-height: 20px;
	}

	.home-right .title {
		font-size: 54px;
		font-weight: 600;
	}

	.home-right .subtitle {
		font-size: 34px;
		font-weight: 600;
		margin: 27px 0 46px;
	}

	.subtitle .subtitle-a {
		font-size: 34px;
		font-weight: 600;
		color: #fff;
	}

	.subtitle .subtitle-b {
		height: 52px;
		background: #24C373;
		line-height: 52px;
		color: #0c0e15;
		padding: 0 5px;
		display: block;
		margin-left: 5px;
	}

	.home-right .desc {
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: justify;
	}

	.home-right .platform {
		margin-top: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.platform .plat-item {
		width: 142px;
		background: #FFFFFF;
		border-radius: 20px;
		color: #0c0e15;
		font-size: 16px;
		font-weight: 400;
		position: relative;
	}

	.platform .plat-item:hover {
		border-radius: 20px 20px 0 0
	}

	.plat-item .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 54px;
		cursor: pointer;
		color: #0c0e15;
	}

	.btn .icon {
		width: 22px;
		height: 22px;
		margin-right: 5px;
	}

	.plat-item .qr {
		width: 100%;
		padding-bottom: 10px;
		display: none;
		position: absolute;
		top: 53px;
		left: 0;
		background: #fff;
		border-radius: 0 0 20px 20px;
	}

	.plat-item:hover .qr {
		display: block;
	}

	.qr img {
		width: 120px;
		height: 120px;
		margin: 0 auto;
		display: block;
	}
}



@media screen and (min-width: 640px) and (max-width: 1660px) {
	.app-main {
		min-height: calc(100vh - 208px);
	}
}

@media screen and (min-width: 1660px) {
	.app-main {
		min-height: calc(100vh - 168px);
	}
}

@media screen and (max-width: 640px) {
	.app-main {
		min-height: calc(100vh - 3.54rem);
	}

	.home {
		margin-bottom: 0.5rem;
	}

	.home .hone-cen {
		width: 100vw;
		position: relative;
		flex-direction: column-reverse;
	}

	.home-left {
		position: relative;
	}

	.mySwiper1 {
		display: none;
	}

	.mySwiper2 {
		display: block;
		width: 100vw;
	}

	.mySwiper2 img {
		width: 100vw;
	}

	.home-right {
		position: relative;
		z-index: 5;
		color: #f5f6f8;
		font-weight: 400;
		padding: 0 0.54rem;
		text-align: justify;
		margin-top: 0.4rem;
		line-height: 0.38rem;
		margin-bottom: 0.5rem;
	}

	.home-right .title {
		text-align: center;
		font-size: .7rem;
		font-weight: 600;
		color: #f5f6f8;
		margin: 0.5rem 0 0.3rem;
	}

	.home-right .subtitle {
		font-size: .44rem;
		color: #f5f6f8;
		font-weight: 600;
		line-height: .58rem;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.subtitle .key {
		background: #24C373;
		color: #0c0e15;
		padding: 0 0.1rem;
		margin-left: 0.1rem;
	}

	.home-right .desc {
		font-size: .25rem;
		color: #f5f6f8;
		font-weight: 400;
		padding: 0 0.64rem;
		text-align: justify;
		margin-top: 0.4rem;
		line-height: .38rem;
		margin-bottom: 0.5rem;
	}

	.platform {
		display: none;
	}

	.abcd2 {
		display: block;
	}

	.plat-item {
		width: 2.62rem;
		height: 1rem;
		background: #FFFFFF;
		border-radius: 0.35rem;
		color: #0c0e15;
		font-size: .29rem;
		font-weight: 400;
		position: relative;
		margin-top: 0.28rem;
	}

	.plat-item .icon {
		width: 0.37rem;
		height: 0.37rem;
		margin-right: 0.1rem;
	}

	.plat-item span {
		color: #0c0e15;
		font-size: .29rem;
		font-weight: 400;
	}
}