html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 100px;
	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

body {
	background-color: #e84466;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 1;
}
/* intro */
.intro {
	position: absolute;
	/* display: none; */
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background-color: #de3362;
	opacity: 0;
	overflow: hidden;
	z-index: 99;
	animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.intro_zp {
	position: absolute;
	top: 3.4rem;
	left: 50%;
	transform: translateX(-50%);
	width: 7.3rem;
	object-fit: contain;
	z-index: 999;
}

.intro-bg {
	width: 7.5rem;
	height: 14.26rem;
}

.intro_btn_box {
	position: absolute;
	top: 10.76rem;
	left: 50%;
	transform: translateX(-50%);
	width: 6.31rem;
	height: 1.42rem;
}

.intro_btn {
	width: 100%;
	height: 100%;
}

.intro_hand {
	position: absolute;
	top: 0.5rem;
	right: 0;
	width: 1.41rem;
	height: 1.59rem;
	pointer-events: none;
}

@media (max-height:660px) {

	.intro_zp {
		top: 2.9rem;
	}

	.intro_btn_box {
		top: 9.4rem;
	}
}
/* 自适应ipad */
.container{
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #403e41;
}
@media(min-width:750px){
	.home-con{
		width: 7.5rem;
		height: 14.6rem;
		overflow: hidden;
		transform: scale(1);
		transform-origin: top center;
		margin-left: calc(50vw - 3.75rem);
	}
	.login-type-outer .type-item .content {
		width: 2.8rem !important;
		padding-left: 1.1rem !important;
	}
}