html,body,#app{
	margin:0;
	padding:0;
	height:100%;
	font-size:12px;
}
i,em{
	font-style:normal;
}
ul,li,p{
	list-style:none;
	margin:0;
	padding:0;
}
[v-cloak]{
  display: none;
}
@media screen and (min-width: 320px) and (max-width: 750px)  {
	html {
		font-size: 300%;
	}
	#app{
		background-image:url(../img/6.png?v=1);
		background-position:0 100%;
		background-size:auto 1.6rem;
		background-repeat:no-repeat;
	}
	.logo{
		margin-left:.5rem;
		padding-top:.3rem;
		width:3.46rem;
		height:.9rem;
		background-image: url(../img/1.png?v=1);
		background-repeat: no-repeat;
		background-size:100% auto;
		background-position: 0 .3rem;
	}

	.view-img{
		margin:.5rem auto 0;
		width:6.62rem;
		height:4.35rem;
		background-image:url(../img/5.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}

	.jycx-font{
		margin:.5rem auto 0;
		width:4rem;
		height:1rem;
		background-image:url(../img/2.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}
	.jycx-p{
		margin: .2rem 0 0;
	    font-size: .32rem;
	    color: rgba(0,0,0,0.85);
	    text-align: center;
	}

	.ul{
		margin:.6rem auto 0;
		display:flex;
		width:6rem;
	}

	.ul >li{
		width:33.3%;
	}
	.ul >li >div{
		margin:0 auto;
		width:1.4rem;
		height:1.4rem;
		background-color: rgba(255,255,255,.27);
		}
	.ul >li >div >div{
		width:1.4rem;
		height:1.4rem;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size:auto .9rem;
	}
	.ul >li >div.android-ico >div{
		background-image: url(../img/3.png?v=1);
	}
	.ul >li >div.iphone-ico >div,
	.ul >li >div.ipad-ico >div{
		background-image: url(../img/4.png?v=1);
	}
	.ul >li >a{
		margin:.2rem auto 0;
		display:block;
		width:1.4rem;
		height:.56rem;
		background: #165FFF;
		border-radius: 4px;
		color:#fff;
		border:0;
		font-size:.24rem;
		line-height:.56rem;
		text-decoration:none;
		text-align:center;
	}
	.copyright{
		margin:0;
		padding-bottom:.1rem;
		position: absolute;
		width:100%;
		bottom:0;
		left:0;
		text-align:center;
		color:#fff;
		font-size:.24rem;
		line-height:1.5;
	}
}

@media screen and (min-width: 751px) and (max-width:1179px) {
	html {
		font-size: 250%;
	}
	#app{
		background-image:url(../img/6.png?v=1);
		background-position:0 100%;
		background-size:100% auto;
		background-repeat:no-repeat;
	}
	.logo{
		margin-left:1rem;
		padding-top:.7rem;
		width:3.46rem;
		height:.9rem;
		background-image: url(../img/1.png?v=1);
		background-repeat: no-repeat;
		background-size:100% auto;
		background-position: 0 .7rem;
	}

	.view-img{
		margin:1.5rem auto 0;
		width:10rem;
		height:7rem;
		background-image:url(../img/5.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}

	.jycx-font{
		margin:1.5rem auto 0;
		width:5rem;
		height:1.2rem;
		background-image:url(../img/2.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}
	.jycx-p{
		margin: .4rem 0 0;
	    font-size: .6rem;
	    color: rgba(0,0,0,0.85);
	    text-align: center;
	}

	.ul{
		margin:1.5rem auto 0;
		display:flex;
		width:12rem;
	}

	.ul >li{
		width:33.3%;
	}
	.ul >li >div{
		margin:0 auto;
		width:2.6rem;
		height:2.6rem;
		background-color: rgba(255,255,255,.27);
		}
	.ul >li >div >div{
		width:2.6rem;
		height:2.6rem;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size:auto 1.5rem;
	}
	.ul >li >div.android-ico >div{
		background-image: url(../img/3.png?v=1);
	}
	.ul >li >div.iphone-ico >div,
	.ul >li >div.ipad-ico >div{
		background-image: url(../img/4.png?v=1);
	}
	.ul >li >a{
		margin:.4rem auto 0;
		display:block;
		width:2.6rem;
		height:1.2rem;
		background: #165FFF;
		border-radius: 4px;
		color:#fff;
		border:0;
		font-size:.4rem;
		line-height:1.2em;
		text-decoration:none;
		text-align:center;
	}
	.copyright{
		margin:0;
		padding-bottom:.1rem;
		position: absolute;
		width:100%;
		bottom:0;
		left:0;
		text-align:center;
		color:#fff;
		font-size:.24rem;
		line-height:1.5;
	}
}

@media screen and (min-width:1180px){
	#app{
		background-image:url(../img/6.png?v=1);
		background-position:0 100%;
		background-size:100% auto;
		background-repeat:no-repeat;
	}

	.web >.logo{
		position: absolute;
		z-index:2;
		top:34px;
		left:54px;
		background-image: url(../img/1.png?v=1);
		background-size:100% auto;
	    width: 173px;
	    height: 45px;
		
	}
	.web >.main{
		display:flex;	
		position: absolute;
		top:50%;
		left:50%;
		margin-top:-250px;
		margin-left:-594px;
		justify-content: space-between;
		width:1188px;
	}
	.web >.main >div >.view-img{
		width:630px;
		height:435px;
		background-image:url(../img/5.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}

	.web >.main >div >.jycx-font{
		margin:0 auto;
		width:490px;
		height:118px;
		background-image:url(../img/2.png?v=1);
		background-position: 0 0;
		background-size:100% auto;
		background-repeat: no-repeat;
	}
	.web >.main >div >.jycx-p{
		margin:15px 0 0;
		font-size: 32px;
		color: rgba(0,0,0,0.85);
		text-align:center;
	}
	.web >.main >div >.ul{
		display:flex;
		margin-top:20px;
		width:520px;
	}

	.web >.main >div >.ul >li{
		width:33.3%;
	}
	.web >.main >div >.ul >li >div{
		margin:0 auto;
		width:126px;
		height:126px;
		background-color: rgba(255,255,255,.27);
	}
	.web >.main >div >.ul >li >div >div{
		width:126px;
		height:126px;
		background-repeat: no-repeat;
		background-size:auto 85px;
		background-position: 50% 50%;
	}
	.web >.main >div >.ul >li >div.android-ico >div{
		background-image: url(../img/3.png?v=1);
	}
	.web >.main >div >.ul >li >div.iphone-ico >div,
	.web >.main >div >.ul >li >div.ipad-ico >div{
		background-image: url(../img/4.png?v=1);
	}
	.web >.main >div >.ul >li >a{
		margin:20px auto 0;
		display:block;
		width:122px;
		height:44px;
		background: #165FFF;
		border-radius: 4px;
		color:#fff;
		border:0;
		font-size:16px;
		line-height:44px;
		text-decoration:none;
		text-align:center;
	}
	.web >.copyright{
		position: absolute;
		width:100%;
		bottom:10px;
		left:0;
		text-align:center;
		color:#fff;
		font-size:15px;
		line-height:1.5;
	}
}


.agree{margin:0 20px;
	font-size:14px;color:#333;line-height:1.6;}
.agree >h1{text-align:center;line-height:1.2;font-size:18px;}
.agree >h3{margin-top:20px;font-size:15px;text-align:center;}
.agree >div{}
.agree >p{
	margin:5px 0;
	text-indent: 28px;
}

.agree >p:last-child{
	padding-bottom:30px;
}
.agree >ul{
	margin-bottom:10px;
}
.agree >li{
	color:#666;		
}