html{
	font-size:10px;
}
@media screen and (max-width: 1660px) {
    html{
	font-size:8px;
    }
}
@media screen and (max-width: 1024px) {
    html{
	font-size:6px;
    }
}
@media screen and (max-width: 750px) {
    html{
	font-size:6px;
    }
    .logo{
	    display:none;
    }
}


body{
	margin:0;
}
.vv-top{
	height:9rem;
	width:98rem;
	max-width:90%;
	margin:0 auto;
	display:flex;
	font-size:2rem;
	justify-content:space-between;
}
.logo{
	width:27.3rem;
	height:7.8rem;
}
.nav-menu{
	margin-top:3.6rem;
	height:2rem;
}
.nav-menu a{
	color:#666666;
	 text-decoration:none;
}
.nav-menu-active a{
	color:#0D64F3;
}
.nav-menu-active {
	color:#0D64F3;
}
.nav-btn{
	height:4rem;
	margin-top:2.6rem;
	color:#fff;
	line-height:4rem;
	text-align:center;
	font-size:1.8rem;
	border-radius:2rem;
	background-color:#2891F5;
	padding:0 1rem;
}
.nav-btn a{
	color:#fff;
	 text-decoration:none;
}
.banner{
	display:flex;
	width:100vw;
	margin:0 auto;
	height:calc(100vh - 9rem);
	max-height:80vw;
	background-image:url('/img/bg1.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin:0;
	justify-content:space-between;
}
.main-block{
	margin-top:16rem;
	width:81.8rem;
	padding-left:5rem;
	box-sizing:border-box;
}
.banner-img{
	width:98rem;
	max-width:60vw;
	padding:10rem;
	box-sizing:border-box;
}
.banner-img img{
	width:70rem;
}
.btitle1{
	font-size:3.6rem;
	color:#fff;
}
.btitle2{
	font-size:6rem;
	color:#fff;
}
.btitle3{
	font-size:6rem;
	color:#fff;
}
.btitle4{
	font-size:2.4rem;
	color:#fff;
}
.access-btn{
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:2.4rem;
	width:28rem;
	height:5.8rem;
	line-height:5.8rem;
	border-radius:2.9rem;
	color:#fff;
	margin-top:10.3rem;
	outline:none;
	border: 0px solid #FD7e2e;
	background-image: linear-gradient(to right, #FD7E24, #FE533C);

}
.introduce{
	width:100%;
}
.introduce-title{
	text-align:center;
	color:#444444;
	font-size:4.8rem;
	margin:4.5rem auto 3.5rem auto;
}
.introduce-menu-container{
	width:40rem;
	height:6.6rem;
	border-radius:3.3rem;
	background-color:#F0F5FF;
	margin:0 auto;
}
.introduce-menu{
	width:20rem;
	height:6.6rem;
        border-radius:3.3rem;
	font-size:3.4rem;
	color:#fff;
	line-height:6.6rem;
	background-image: linear-gradient(to right, #278DFF, #32D6EE);
	text-align:center;
}
.introduce-body{
	width:130rem;
	max-width:90%;
	margin:8.5rem auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.introduce-img{
	width:70.3rem;
	height:52.7rem;
	display:block;
}
.introduce-content{
	font-size:2.6rem;
	line-height:4.3rem;
	color:#444444;
	word-wrap:break-word;
	word-break:break-all;
}

.tabs{
	margin:0 auto;
	height:16rem;
	width:100rem;
	max-width:90%;
	display:flex;
}
.tab{
	width:25rem;
	height:16rem;
	line-height:16rem;
	color:#555555;
	font-size:3rem;
	text-align:center;
	background-color:#F7F4F9;
	border-left:1px solid #e0e0e0;
}
.tab:hover{
	cursor:pointer;
}
.tab-0{
	border-left:0px solid #fff;
}
.tab-container{
	width:100%;
	background-color:#F7F4F9;
	margin:0;
}
.tab-body{
	width:98rem;
	max-width:90%;
	display:flex;
	padding:13.9rem 0;
	margin:0 auto;
	justify-content:space-around;
}
.tab-body-img{
	width:22.4rem;
	height:39.9rem;
}
.tab-active{
	color:#601986;
	border-bottom:2px solid #601986;
	background-color:#fff;
	box-sizing:border-box;

}
.fee-container{
	width:100%;
	height:65.1rem;
	padding:5rem 0;
	box-sizing:border-box;
	background-image: linear-gradient(to right, #32D6EE, #278DFF);
}
.fee-body{
	width:100%;
	height:55.1rem;
	background-color:#FFFFFF30;
	border-radius:100%;
	box-sizing:border-box;
	padding:0 1.3rem;
}
.fee-title{
	text-align:center;
	color:#fff;
	font-size:4.8rem;
	margin:0 auto;
}
.fee-desc{
	margin:5rem auto 0 auto;
	display:flex;
	width:128rem;
	max-width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}
.fee-list{
	width:28rem;
	max-width:100%;
}
.fee-bg{
	width:45rem;
	height:37.9rem;
}
.fee-icon{
	background-color:#fff;
	border-radius:100%;
	width:3.4rem;
	height:3.4rem;
	margin:0 4.3rem 0 0 ;
}
.fee-icon img{
	width:1.7rem;
	height:1.7rem;
	margin:0.8rem auto;
	display:block;

}
.fee-item{
	display:flex;
	align-items:center;
	color:#fff;
	font-size:2.4rem;
	margin:2.1rem 0;
}
.to-right{
	justify-content:right;
}
.to-right >.fee-icon{
	margin:0 0 0 4.3rem ;
}
.buy-container{
	display:block;
	width:100%;
	background-color:#fff;
	min-height:65.8rem;
}
.service-container{
	display:block;
	width:100%;
	background-color:#F7F4F9;
	min-height:65.8rem;
}
.title-container{
	width:122rem;
	max-width:100%;
	box-sizing:border-box;
	padding:8.4rem 0 8rem 12.1rem;
	margin:0 auto;
}
.title-en{
	font-size:4.2rem;
	color:#601986;
}
.title-cn{
	position:relative;
	width:24.77rem;
	height:2.4rem;
	margin-top:4rem;
	transform:skew(135deg);
	background-color:#F7F4F9;
}
.title-label{
	position:absolute;
	left:-2rem;
	bottom:0;
	transform:skew(45deg);
	font-size:3.8rem;
}
.buy-mode-list{
	width:130rem;
	margin:0 auto;
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.buy-mode{
	width:37.3rem;
	height:33.1rem;
	border:1px solid #C6CCDB;
	border-radius:1rem;
	margin:0 2rem 2rem 2rem;
}
.buy-mode-img{
	display:block;
	width:9.2rem;
	height:9.4rem;
	margin:2.9rem auto 2.5rem auto;
}
.buy-mode-label{
	text-align:center;
	font-size:2.555rem;
	color:#6666666;
	margin-bottom:3.2rem;
}
.buy-mode-desc{
	text-align:center;
	width:100%;
	padding:0 4.3rem;
	line-height:4.5rem;
	font-size:2.4rem;
	color:#999999;
	box-sizing:border-box;
}
.service-span{
	width:122rem;
	max-width:100%;
	margin:0 auto;
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.service-main{
	background-color:#fff;
	width:75rem;
	height:31rem;
	padding:3.9rem 3rem;
	box-sizing:border-box;
	margin-bottom:2rem;
}
.service-main-title{
	font-size:2.4rem;
	color:#333333;
	text-align:left;
	margin-bottom:1rem;
}
.service-main-span{
	color:#555555;
	font-size:1.5rem;
}
.service-main-span>img{
	width:32.5rem;
	height:20.7rem;
}
.service-list{
	width:36rem;
}
.service-item{
	width:36rem;
	height:8.7rem;
	background-color:#fff;
	display:flex;
	margin-bottom:2.2rem;
}
.service-item >img{
	width:10rem;
	height:8.5rem;
	display:block;
	margin:0.1rem 3rem 0.1rem 1.3rem;
}
.service-info{
	padding:1.2rem 1.5rem 0.5rem 0;
}
.service-title{
	color:#333333;
	font-size:1.5rem;
	text-align:left;
}
.service-desc{
	font-size:1.4rem;
	color:#888888;
}
.footer{
	background-color:#555555;
	color:#FFFFFF;
	padding:4.3rem;
	box-sizing:border-box;
}
.footer a{
	color:#FFFFFF;
}
.footer-body{
	width:122rem;
	margin:0 auto;
	max-width:90%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.footer-left{
	display:flex;
	flex-wrap:wrap;
}
.footer-list{
	width:20rem;
	max-width:90%;
	text-align:left;
	margin:2rem 0;
}

.footer-list-title{
	font-size:1.8rem;
	line-height:3.2rem;
}
.footer-list-item{
	font-size:1.4rem;
	line-height:2.2rem;
}
.footer-right >div{
	text-align:right;
	
}
.footer-bei{
	width:62rem;
	max-width:90%;
	margin:2rem auto;
}

@media screen and (max-width: 750px) {
	.banner-img{
		display:none;
	}
	.btitle1{
		font-size:2.4rem;
		color:#fff;
	}
	.btitle2{
		font-size:4rem;
		color:#fff;
	}
	.btitle3{
		font-size:4rem;
		color:#fff;
	}
	.btitle4{
		font-size:1.6rem;
		color:#fff;
	}
	.access-btn{
		display:block;
		width:18rem;
		height:3.5rem;
		border-radius:2rem;
		color:#fff;
		margin-top:4rem;
		outline:none;
		border: 0px solid #FD7e2e;
		background-image: linear-gradient(to right, #FD7E24, #FE533C);
	}
	.introduce-img{
		display:none;
	}
	.tab-body-img{
		width:16.8rem;
		height:30rem;
	}
}
@media screen and (max-width: 1660px) {
	.fee-bg{
		display:none;
	}
}
.footer-qr{
	width:100px;
	height:100px;
}