main {
	over-flow: auto; /* winphone8和android4+ */
	-webkit-overflow-scrolling: touch; /* ios5+ */
	overflow-y: scroll;
	z-index: 1;
}

.swiper-container {
	width: calc(100vw);;
	height: calc(100vh);
}

#page {
	color: red;
}

.sharePage {
	position: relative;
	height: 1200px;
	overflow: hidden;
	margin-bottom: 40px;
}

.read-more {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0) 6%, hsla(0, 0%, 100%, .48) 56%, hsla(0, 0%, 100%, .96) 92%);
}

.read-more .read-more-mask {
	position: relative;
	height: 236px;
}

.read-more .read-more-mask .read-more-zhankai {
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 100%;
	text-align: center;
	animation: jump 1s ease-in-out infinite forwards;
}

.read-more-zhankai img {
	width: 0.5rem;
	height: auto;
}

.read-more-btm {
	position: relative;
	/* 			bottom: 0.53rem; */
	height: 0.5rem;
}

.openApp {
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	border: 1px solid #e92110;
	background-color: #e92110;
	border-radius: 5px;
}

@keyframes jump {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(5px)
	}
	to {
		transform: translateY(0)
	}
}

@media screen and (max-width: 374px) {
	html {
		font-size: 74px
	}
}

@media screen and (min-width: 375px) and (max-width: 413px) {
	html {
		font-size: 90px
	}
}

@media screen and (min-width: 414px) and (max-width: 767px) {
	html {
		font-size: 100px
	}
}

@media screen and (min-width: 768px) and (max-width: 833px) {
	html {
		font-size: 182px
	}
}

@media screen and (min-width: 834px) and (max-width: 1023px) {
	html {
		font-size: 186px
	}
}

@media screen and (min-width: 1024px) {
	html {
		font-size: 240px
	}
}