body,p,h4{
    margin:0;
    padding:0;
    line-height: 1.5;
}
body{
    -webkit-text-size-adjust:100%;
	background: #f1f5fe;
	font-size: 100%;
}
img{
    border:0;
    vertical-align:middle
}
.join #reloads {
	display: block;
	width: 100vw;
	height: 12vw;
	position: absolute;
	/* top: 200vw; */
	top: 160vw;
	text-align: center;
	/* font-size: 1.7vw; */
	/* font-size: 0.75rem; */
	font-size: 0.65rem;
	color: #AEAEAE;
	text-decoration: none;
}
.reloads2 {
	display: block;
	left:0%;
	right:62%;
	width: 100vw;
	height: 12vw;
	position: absolute;
	/* top: 200vw; */
	top: 198vw;
	text-align: center;
	font-size: 1.7vw;
	color: #868686;
	text-decoration: none;
}
#article{
	width: 100%;
	/* height: 120%; */
	position: absolute;
	top: 0;
	left: 0;
}
#btn{
    display: block;
    width: 40%;
    margin: 21px auto 0;
}
footer{
    margin-top: 18px;
    font-size: 14px;
    text-align: center;
    color: #c9c9c9;
    padding-bottom: 45px;
}
footer a{
    text-decoration: none;
    color: #0dc0b9;
}

/*顶部下载按钮*/
#downloadNow{
	height: 45px;
	width: 100%;
	background: rgba(0,0,0,0.25);
	position: fixed;
	z-index: 1;
	top: 0;
	color: #fff;
}
.ndLeft{
	float: left;
	height: 100%;
	background: url(../img/logoImg.png) 25px center no-repeat;
	background-size: 20%;
	padding-left: 70px;
}
.ndLeft .nlWrap{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;

}
.ndLeft .nlWrap h4{
	margin-bottom: 0;
	font-weight: 500;
}
.ndLeft .nlWrap p{
	font-size: 12px;
}
.ndLeft .nlWrap img{
	width: 50%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.ndRight{
	float: right;
	height: 100%;
}
 .ndRight a{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.ndRight .downBtn{
	width: 80px;
	height: 30px;
	background: #51BB81;
	margin-right: 42px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	-webkit-text-size-adjust: none;
}
#downloadNow:after{
	content: '';
	clear: both;
}
#close{
	position: absolute;
	padding: 10px 10px;
	top: 0;
	right: 10px;
	font-size: 18px;
	font-weight: 200;
	cursor: pointer;
}

/*立即参与*/
.contentBox{
	display: flex;
}
.joinbox1,.joinbox2{
	width: 50vw;
	height: 100vh;
}
.joinbox1 img{
	height: 11vw;
	position: absolute;
	top: 135vw;
	left:4.4vw;
	z-index: 0;
}
.joinbox2 img{
	height: 11vw;
	position: absolute;
	top: 135vw;
	right:4.4vw;
	z-index: 0;
}
.joinbox1 #reload {
	display: block;
	width: 45vw;
	height: 12vw;
	position: absolute;
	top: 135vw;
	text-align: center;
	/* font-size: 3.7vw; */
	font-size: 0.875rem;
	color: #AEAEAE;
	text-decoration: none;
	opacity:0;
	left: 10px;
}

.join #reload1 {
	display: block;
	width: 50vw;
	/* height: 12vw; */
	position: absolute;
	top: 149vw;
	text-align: center;
	/* font-size: 3.7vw; */
	font-size: 0.875rem;
	color: #AEAEAE;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}
.join #reload1 > p{
	-webkit-text-size-adjust: none;
}
.join #reload span {
	padding-left: 5px;
	font-weight: 900;
	color: #ee8718;
	text-decoration: underline;
}

.joinbox1 #wxEnv {
	width: 40%;
	height: 8.8%;
	line-height: 8.8%;
	position: absolute;
	top: 135vw;
	left: 5.4vw;
}

.wx-btn {
	width: 70%;
	height: 22.8%;
	line-height: 22.8%;
	padding: 12px;
	font-size: 4.2vw;
	text-align: center;
	background-color: #366cea;
	color: white;
	border-radius: 100px;
	border: 1px solid #366cea;
	position: absolute;
	left: 12%;
	top: 0;
	opacity: 0;
}