@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333;}
html{font:400 100% "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333; overflow-x:hidden;}
.mt15{ margin-top: 15px;}
img{vertical-align: middle; aspect-ratio: attr(width) / attr(height);}
.navmo_cont img{vertical-align: text-bottom;}
body{background: linear-gradient(180deg, #1F175C 0%, #1D2339 100%), #D9D9D9;background: #191342;overflow: hidden;}
.dft_pw {width: 100%;max-width: 1400px;margin-left: auto;margin-right: auto;}

.atihome_wrap h1,.atihome_wrap h2,.atihome_wrap h3,.atihome_wrap h4,.atihome_wrap h5,.atihome_wrap h6,.atihome_wrap dt{ font-family:Helvetica, sans-serif;}
.am_down::after { content:"\e928"; font-family:iconfont; display:inline-block; margin-left:12px; position:relative; vertical-align:middle; color:inherit; font-size:24px; font-weight:normal; }
.am_buy::after {content:"\e929"; font-family:iconfont; display:inline-block; margin-left:12px; position:relative; vertical-align:middle; color:inherit; font-size:24px; font-weight:normal;
}

.auidx_vedio { display: none; }
.auidx_vedio { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; display: none}
.auidx_vedio_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; background: rgba(0,0,0,.6)}
.auidx_iframe { width: 60%; height: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 22; background: #fff}
.auidx_close { font-size: 46px; color: #fff; top: -60px; right: -60px; z-index: 12; cursor: pointer; position: absolute}



.cont_liner {
	pointer-events: none;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, rgba(217, 217, 217, .20) 50%, rgba(217, 217, 217, 0.00) 100%);



}

.sub_nav_cont{border-bottom: 1px solid rgba(255, 255, 255, .3);}

/*banner*/
.vzhome_banner{ width:100%; min-height:860px; position: relative;
	cursor: url('https://imobie-resource.com/en/vozard/img/custom_cursor1.png'), auto;
}
.vzhome_banner video {opacity: .5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: -1; }
.vzhome_bantext{ max-width: 1200px; margin:70px auto 0;padding: 0 15px;box-sizing: border-box;}
.vzhome_bantext h1{ color: #FFF;
  font-size: 58px;
  font-weight: 700;
  line-height: 150%;position:relative;}

  .vzhome_bantext h1 span{
  color: #FFF;
font-size: 58px;display: inline-block;
font-weight: 700;
background: linear-gradient(90deg, #7242FB 0.73%, #FF589E 55%, #FCC97D 103.81%), #7242FB;
line-height: 150%; background-clip: text;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-fill-color: transparent;
  }


.vzhome_bantext h1 img{top:-65px; right:-40px;}
.vzhome_bantext h3{ }
.vzhome_bantext h3 img{ display:inline-block; vertical-align:middle;width: 100%;max-width: 580px; }
.vzhome_bantext h3 .text{color: #FFF;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  display:inline-block; vertical-align:middle;}
.vzhome_bantext h3 .tag{
  display:inline-block; vertical-align:middle;
  color: #FFF;padding: 2px 8px;
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(90deg, #7242FB 0.73%, #FF589E 55%, #FCC97D 103.81%), #7242FB;
  border-radius: 8px 0px;

}

.vzhome_bantext ul{display: inline-block;vertical-align: bottom;margin: 20px auto 40px;}

.vzhome_bantext li{color: #FFF;
	font-family: Poppins;
	font-size: 16px;padding-left: 20px;box-sizing: border-box;
	font-style: normal;text-align: left;
	font-weight: 400;position: relative;
	line-height: normal;}

	.vzhome_bantext li::after{content: "";position: absolute; top: 10px;left: 10px; width: 3px;height: 3px;background: white;border-radius: 50%; }

.vzhome_bantext .vzhome_bantextp{ font-size:18px; color:#fff; max-width:1200px; margin:20px auto 40px;}
.atiidxn_banimg{ left:0; right:0; margin:auto; top:30px; z-index:3; transform:translateX(540px);}
.atiidxn_banico2{ left:0; bottom:0; z-index:3;}
a.amidx_vedio_btn { text-decoration: none; }
.amidx_vedio_btn img { vertical-align: middle; }
.amidx_vedio_btn b { font-size: 18px; color: #D8D8D8; vertical-align: middle; margin-left: 10px; text-decoration-line: underline; }

/* .vzhome_btn { margin-top: 40px; } */
.vzhome_btn p{ display:inline-block; vertical-align:top;}
.vzhome_btn p em{ font-size:12px; color:#d9d9d9; display:block; margin-top:10px; text-align:center;}
.vzhome_btn p del{ text-decoration:none;}

.vzhome_btn a{
	cursor: url('https://imobie-resource.com/en/vozard/img/custom_cursor1.png'), auto;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	border-radius:12px; position:relative; display:inline-block; vertical-align:middle; font-weight:bold; text-align:center; text-decoration:none; transition:transform 0.3s linear; -webkit-transition:transform 0.3s linear; -moz-transition:transform 0.3s linear; -ms-transition:transform 0.3s linear; -o-transition:transform 0.3s linear;}
	.vzhome_btn a:hover{ transform:translateY(-5px);}
	.vzhome_btn a.atihome_dlbtn{ width:280px; height:70px; line-height:70px; box-sizing: border-box; font-size:24px; font-weight: 600; color:#fff; background-color:#7242FB; }
	.dlbtnp{ margin-right:40px;}
	.vzhome_btn a.atihome_buybtn{ width:280px; height:70px; line-height:68px; box-sizing: border-box; font-size:24px; font-weight: 600; border:1px solid #F90; background-color: #F7AC46; color:#fff;}
	.atihome_dlbtn,.atihome_buybtn{ position:relative;}
	/* .atihome_dlbtn:after{content:"\e929"; font-family:iconfont; display:inline-block; margin-left:15px; position:relative; vertical-align:middle; color:inherit; font-size:32px; font-weight:normal;} */
	/* .atihome_buybtn:after{content:"\e92a"; font-family:iconfont; display:inline-block; margin-left:15px; position:relative; vertical-align:middle; color:inherit; font-size:32px; font-weight:normal;} */
	
	.vzhome_bantext .adlink{color:#b3b3b3; margin-top:56px; font-size:14px; text-decoration:underline;}
	.adlink:after{content: "\e902"; font-family: iconfont; display: inline-block; margin-left:10px; vertical-align:middle; transition:.3s;}
	.adlink:hover:after{transform:translateX(3px); -webkit-transform:translateX(3px); -moz-transform:translateX(3px); -ms-transform:translateX(3px); -o-transform:translateX(3px);}
	.atihome_banmedia{padding:23px 0; background:#000; font-size:22px; font-weight:bold; color:#fff; line-height:57px; opacity:.2; width:100%; position:absolute; bottom:0; left:0; right:0;}
	.atihome_banmedia img{margin-left:36px; max-width:80%;}
	
	
	.section1 {overflow: hidden;}
	
	.imgbox {padding-bottom: 65px;position: relative;}
	.imgbox .imgcont{margin-top: 90px;position: relative;display: inline-block;vertical-align: bottom;z-index: 2;}
	.bannerimgbg{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
	.imgbox .imgcont>img{max-width: 100%;}
	
	.imgbox .toggleimgs{position: absolute;width: 73%;max-width: 535px; left: 50%;transform: translateX(-50%);bottom: 15.2%;}
	.toggleimgs .figurebg{opacity: 0;pointer-events: none;}
	.toggleimgs .figure{position: absolute;left: 0;bottom:0;display: none;}
	.toggleimgs .figure.act{display: inline-block;}
	
	.toggleimgs img{width: 100%;}
	.imgbox .toggletxts{position: absolute;top: -39px;left: -95px;z-index: 3;}
	.toggletxts .audioeff{position: absolute;display: flex;justify-content: space-between;align-items: center;  width: 32px;height: 20px;left: 24px;top: 50%;transform: translateY(-50%);z-index: 2;}
	.audioeff p{width: 3px;border-radius: 3px;height: 20px;background:linear-gradient(90deg, #CA66FA 33.99%, #FCC97D 89.38%), #7242FB;}
	.audioeff p:nth-child(1){animation: audioeff .6s 0s infinite linear; background: #9026A1;}
	.audioeff p:nth-child(2){animation: audioeff .6s .1s infinite linear;background:linear-gradient(90deg, #CA66FA 33.99%, #FCC97D 89.38%), #7242FB;;}
	.audioeff p:nth-child(3){animation: audioeff .6s 0s infinite linear;}
	.audioeff p:nth-child(4){animation: audioeff .6s -.2s infinite linear;}
	.audioeff p:nth-child(5){animation: audioeff .6s 0s infinite linear;}
	.audioeff p:nth-child(6){animation: audioeff .6s 0s infinite linear;}
	.audioeff.end p{animation-play-state: paused;}
	
	.toggletxts img{display: none;width: 100%;max-width: 225px;}
	.toggletxts img.act{display: inline-block;}
	
	
	@keyframes audioeff {
		0%{height: 20px;}
		50%{height: 5px;}
		100%{height: 20px;}
	
	}
	
	
	
	.imgbox .characters{position: absolute;top: -20px;right: -69px;border-radius: 14px;width: 126.7px;height: 478px;box-sizing: border-box;
		border: 4px solid #FFF;
		background: rgba(255, 255, 255, 0.80);padding: 26.32px 14.282px 26.752px 14.453px;
	backdrop-filter: blur(15.824175834655762px);
	
	}
	
	.characters .character_item{position: relative; margin-top: 22px;margin-left: auto;margin-right: auto; width: 61px;}
	.character_item img{width: 100%;position: relative;z-index: 2;transition: .3s;border-radius: 50%;vertical-align: bottom;}
	.characters .character_item:first-child{margin-top: 0px;}
	
	
	.character_item:hover img{transform: scale(1.1);}
	.character_item.act:hover img{transform: scale(1.1);}
	
	
	.character_item.act{width: 80px;}
	.character_item.act::after{z-index: 1;
		content: "";position: absolute;
		width: 110%;height: 110%;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);background:linear-gradient(90deg, #CA66FA 3.81%, #FCC97D 86.47%);	;
	}
	
	
	.imgbox .sounds{position: absolute;left: -155px;bottom: 66px;transition: .3s;}
	
	
	.sounds .soundcont{position: absolute;bottom: 0;left: 40%;border-radius: 48px;overflow: hidden;border: 4px solid #fff;box-sizing: border-box;}
	.soundplay{display: none;}
	
	
	
	/* content1 */
	.container{background: linear-gradient(180deg, #1F175C 0%, #1D2339 100%), #D9D9D9;}
	.content1{position: relative;padding-top: 1rem;}
	.content1::after{position: absolute; content: '';width: 100%;height: 100%; top: 0;left: 0;pointer-events: none;background: radial-gradient(109.51% 62.19% at 50% 0%, rgba(114, 66, 251, 0.16) 0%, rgba(114, 66, 251, 0.00) 100%);}
	.content{max-width: 1400px;margin: 0 auto;width: 94%;}
	.cont_box{max-width: 1130px;margin: 0 auto;box-sizing: border-box;padding: 0 15px; }
	.title_2{color: #FFF;font-size: 48px;font-weight: 600;padding:0 15px;box-sizing: border-box;}
	.title_3{color: #FFF;margin-top: 100px;font-size: 36px;font-weight: 500;}
	.cont_p{color: #FFF;font-size: 16px;margin: 30px auto;font-weight: 400;line-height: 150%; /* 24px */}
	.cont_a a{color: #9773FF;
		font-size: 18px;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
		tap-highlight-color: transparent;
		font-weight: 600;text-decoration: none;
	}
	.cont_a a::after{content: "";transition: .3s; content: "\e902";display: inline-block;vertical-align: middle;margin-left: 7px;font-size: 21px;
		font-family: "iconfont";}
		.cont_a a:hover::after{transform: translateX(10px);}
	
	
		.switch_voicebox {width: 100%;max-width: 1400px;margin-top: .6rem;}
	.voice_nav{display: flex;justify-content: space-around;position: relative;max-width: 1400px;}
	.voice_nav::after{content: "";bottom: 0;left: 0; position: absolute;width: 100%;border-radius: 2px;height: 2px;background: rgba(255, 255, 255, 0.10);}
	
	
	.voice_nav .voice_navitem{color: rgba(255, 255, 255, 0.6);width: 25%;max-width: 240px;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
		tap-highlight-color: transparent;
	font-size: 18px;padding: 14px 10px;box-sizing: border-box;position: relative;
	font-weight: 600;cursor: pointer;
	}
	.voice_nav .voice_navitem.act{color: white;}
	.voice_navitem::after{transition: .3s;max-width: 152px; content: "";bottom: 0;left: 50%;transform: translate(-50%,-50%); position: absolute;width: 0%;border-radius: 2px;height: 2px;background:white;}
	.voice_navitem.act::after{width: 100%;}
	
	
	.voice_contitem{display: flex;justify-content: space-between;display: none;}
	.voice_contitem.act{display: flex;}
	.voice_contitem .voice_item{padding: 24px;box-sizing: border-box;position: relative;
		border-radius: 82.5px;width: 425px;text-align: left;
		border: 1px solid rgba(255, 255, 255, 0.20); height: 160px;margin: 40px auto;
		background: rgba(255, 255, 255, 0.10);background: #333363;
	}
	.voice_item .voice_icon{z-index: 2; position: absolute;top: 50%;transform: translateY(-50%);opacity: 0;
		transition: .3s; border-radius: 5px;
		 box-shadow: 0 0 20px 5px #333363;
		}
	.voice_item .voice_icon1{left: 39px;}
	.voice_item .voice_icon2{right: 39px;}
	
	
	.voice_item.act .voice_icon{opacity: 1;}
	.voice_item .voice_img{tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent; max-width: 112px;
		z-index: 3; display: inline-block;vertical-align: middle;transition: .3s;cursor: pointer;position: relative;}
	
	.voice_img img:nth-child(1){width: 100%;}
	
	.voice_img .control{opacity: 0; transition: .3s; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;}
	.voice_img .control_pause{opacity: 1;}
	.voice_item.act .voice_img .control_play{opacity: 1;}
	.voice_item.act .voice_img .control_pause{opacity: 0;}
	.voice_item.act .voice_img{margin-left: 50%;transform: translateX(-50%);}
	.voice_item p{color: #FFF;
		font-size: 28px;z-index: 1;
		font-weight: 600;
		position: absolute;
		top: 50%;transform: translateY(-50%);
	 left: 160px;transition: .3s; }
	
	
		.voice_item.act p{opacity: 0;transition: 0s;}
	
	
	
	/* toggle img */
	.cont1_sec{max-width: 1920px;margin: 60px auto 0;position: relative;}
	/* .cont1_secbg{position: relative;}
	.cont1_secbg::after{content: "";position: absolute;right: 0;top: 50%;z-index: 5; transform: translate(40%,-50%);width: 800px;height: 800px;border-radius: 500px;
		background: linear-gradient(270deg, #1F1A53 9.37%, rgba(31, 26, 83, 0.60) 100%); pointer-events: none;}
	.cont1_secbg::before{content: "";position: absolute;left: 0;top: 50%;z-index: 5; transform: translate(-40%,-50%);height: 800px;width: 800px;border-radius: 500px;
		background: linear-gradient(270deg, #1F1A53 9.37%, rgba(31, 26, 83, 0.60) 100%); pointer-events: none;}
	 */
	
	
	.sec4sld{max-width:720px;width: 80%; margin:0px auto 0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;}
	.sec4sld video{width: 100%;margin-top: 0px;}
	.cont1_secimgbg{width: 80%;max-width: 720px;opacity: 0;pointer-events: none;}
	.sec4sld li{ -webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;border-radius: 32px;overflow: hidden; transition: .3s; width:100%; height:100%; background-color:none; position:absolute; left:0; top:0; right:0; margin:0 auto; opacity: 0;/* transition:.2s ease-in-out;*/}
	.sec4head{position:absolute; right:24px; bottom:26px; border-radius:50%; box-shadow:0px 0px 58px rgba(0, 0, 0, 0.25); transform:scale(.9); opacity:0;}
	.sec4sld .active{opacity:1; display:block;z-index: 3;opacity: 1;}
	.sec4sld .sec4prev{left:calc(-200% - 60px); cursor:pointer; display:block; z-index: 2;transform: scale(.9);opacity: 1;}
	.sec4sld .sec4next{right:calc(-200% - 60px); cursor:pointer; display:block; z-index: 1;transform: scale(.9);opacity: 1;}
	.sec4sld .sec4prev::after{content: "";position: absolute; width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(90deg, #1F1A53 9.37%, rgba(31, 26, 83, 0.60) 100%); pointer-events: none;}
	.sec4sld .sec4next::after{content: "";position: absolute; width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(270deg, #1F1A53 9.37%, rgba(31, 26, 83, 0.60) 100%); pointer-events: none;}
	


.active .sec4head{transform:scale(1); opacity:1; transition:.5s .2s ease-in-out;}
.active .sec4img{background:url(https://imobie-resource.com/en/img/index_purple.png) center no-repeat; background-size:cover; border-radius:20px;}
.sec4img{padding:23px 23px 0; text-align:center;}
.sec4img img{display:block; margin:auto; padding:47px 39px 0; max-width:calc(100% - 80px); background:url(https://imobie-resource.com/en/img/index_screen.png) top center no-repeat; background-size:cover;}
.sec4text{max-width:800px; margin:30px 0 0 66px;}
.sec4text h3{font-size:20px; color:#fff; font-weight:bold; display:none;}
.sec4text p{font-size:16px; color:#fff; line-height:1.8;}
.sec4text a{font-size:inherit; color:#8F52FF; font-weight:bold;}
.sec4text a:hover{color:#D554FF; text-decoration:none;}
.sec4sld li .icon_gt{opacity:0;}
.sec4sld li:hover .icon_gt{opacity:1; animation: moves 0.5s ease-in-out infinite alternate;}
@keyframes moves{
	from{transform:translateX(-3px);}
	to{transform:translateX(3px);}
}


.navtotagbox{margin-top: 65px;position: relative;}
.navtotagbox>img{vertical-align: bottom;width: 100%;max-width: 900px;opacity: 0;pointer-events: none;}
.navtotagbox a{display: inline-block;position: absolute;cursor: pointer;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
	tap-highlight-color: transparent;}
.navtotagbox a img{vertical-align: bottom;pointer-events: none;width: 100%;}
.navtotagbox a:nth-child(1){left: 0%;top: 40%;  max-width: 102px;width: 11.33%;  animation: navtotagbox 3s -1s infinite linear;}
.navtotagbox a:nth-child(2){left: 8%;top: 2%;   max-width: 137px;width: 15.22%;  animation: navtotagbox 3s .4s infinite linear;}
.navtotagbox a:nth-child(3){left: 15%;top: 37%; max-width: 137px;width: 15.22%;  animation: navtotagbox 3s -.2s infinite linear;}
.navtotagbox a:nth-child(4){left: 24%;top: 75%; max-width: 122px;width: 13.55%;  animation: navtotagbox 3s -.4s infinite linear;}
.navtotagbox a:nth-child(5){left: 27%;top: 4%;  max-width: 171px;width: 19%;  animation: navtotagbox 3s -.8s infinite linear;}
.navtotagbox a:nth-child(6){display: none; left: 40%;top: 34%; max-width: 143px;width: 15.88%;  animation: navtotagbox 3s -2s infinite linear;}
.navtotagbox a:nth-child(7){left: 45%;top: 70%; max-width: 132px;width: 14.66%;  animation: navtotagbox 3s -3s infinite linear;}
.navtotagbox a:nth-child(8){left: 48%;top: 8%; max-width: 109px;width: 12.11%;  animation: navtotagbox 3s -1.5s infinite linear;}
.navtotagbox a:nth-child(9){left: 64%;top: 70%; max-width: 181px;width: 20.11%;  animation: navtotagbox 3s -2.3s infinite linear;}
.navtotagbox a:nth-child(10){left: 77%;top: 0%; max-width: 137px;width: 15.22%;  animation: navtotagbox 3s -2.5s infinite linear;}
.navtotagbox a:nth-child(11){left: 76%;top: 37%;max-width: 162px;width: 18%;  animation: navtotagbox 3s 0s infinite linear;}
.navtotagbox a:nth-child(12){left: 86%;top: 73%;max-width: 122px;width: 13.55%;  animation: navtotagbox 3s -1.2s infinite linear;}
.navtotagbox a:nth-child(13){left: 35%;top: 35%;max-width: 163px;width: 18.11%;  animation: navtotagbox 3s -1.7s infinite linear;}
.navtotagbox a:nth-child(14){left: 64%;top: 10%; max-width: 102px;width: 11.33%;  animation: navtotagbox 3s 0s infinite linear;}
.navtotagbox a:nth-child(15){left: 5%;top: 70%; max-width: 143px;width: 15.88%;  animation: navtotagbox 3s 0s infinite linear;}
.navtotagbox a:nth-child(16){left: 55%;top: 28%;max-width: 171px;width: 19%;  animation: navtotagbox 3s -2s infinite linear;}
.navtotagbox a:nth-child(17){left: 90%;top: 17%; max-width: 152px;width: 17.22%;  animation: navtotagbox 3s -2.5s infinite linear;}

.navtotagbox a:hover{animation-play-state: paused;}

@keyframes navtotagbox {
	0% {transform: translate(0px, 0px);}
	50% {transform: translate(0px, 10px);}
	100% {transform: translate(0px, 0px);}

}


@keyframes react_animation_right {
	0% { opacity: 0; transform: translate3d(0px, 100%, 0px);}
	100% { opacity: 1; transform: none;}
}
/* @keyframes react_animation_left {
	0% { opacity: 0; transform: translate3d(0px, -100%, 0px);}
	100% { opacity: 1; transform: none;}
} */



.content2{position: relative;}
.content2>img{width: 100%; position: absolute;left: 50%;transform: translateX(-50%);top: -50px;pointer-events: none;}
.section2{position: relative;z-index: 2;padding-bottom: 150px;padding-top: 150px;overflow: hidden;}

.cont2_box{position: relative;margin-top: 80px;}

.cont2_stepbox{width: 40%;max-width: 550px;height: 520px;transform: translateY(0px);transition:transform .3s;}


.cont2_imgs{position: absolute;width: 57%;left: 43%;height: 100%;max-width: 792px;padding-bottom: 0px;overflow: hidden;margin-top: 40px; }

.cont2_imgs .img{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);display: block;opacity: 0; transition:opacity .6s;}
.cont2_imgs .imgbg{width: 100%; vertical-align: bottom;opacity: 0;pointer-events: none;display: block; }
.cont2_imgs .img.act{ opacity: 1; }

.cont2_stepitem {text-align: left;position: relative;padding-left: 48px;box-sizing: border-box;margin-bottom: 60px; }
.cont2_stepitem:last-child{margin-bottom: 0;}

.cont2_stepitem .img1{}
.cont2_stepitem .img2{display: none;}

.cont2_stepitem.act .img1{display: none;}
.cont2_stepitem.act .img2{display: inline-block;}

.cont2_stepitem::after{left: 0;top: 7px; content: "";position: absolute;width: 24px;height: 24px;border: 2px solid #9773FF;box-sizing: border-box;border-radius: 50%;}
.cont2_stepitem::before{left: 5px;top: 12px; content: "";position: absolute; width: 14px;height: 14px;border-radius: 50%;background-color: #ffffff00;transition:background-color .3s;}
.cont2_stepitem.act::before{background-color: #ffffff;}
.cont2_stepitem .liner{overflow: hidden;border-radius: 2px; position: absolute;width: 2px;height:calc(100% + 20px) ;left: 10px; top: 40px;background: rgba(255, 255, 255, 0.10);}

.cont2_stepitem .liner::after{content: "";left: 0;top: 0;position: absolute;width: 100%; height: 0%;background: #9773FF;}

.cont2_stepitem.act .liner::after{animation: liner 6s infinite linear;}
@keyframes liner {
	0% { height: 0%; top: 0;}
	90% { height: 100%; top: 0;}
	100% {height: 0%;  top: 100%;}
}



.cont2_stepitem h4{-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
	tap-highlight-color: transparent;
	cursor: pointer;
	color: #FFF;position: relative;
	font-size: 24px;
	padding-left: 36px;box-sizing: border-box;
	font-weight: 700;
}
.cont2_stepitem h4 img{position: absolute;left: 0; }
.cont2_stepitem svg{vertical-align: middle;}
.cont2_stepitem p{
	display: none;
	color: #FFF;padding-left: 36px;box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;margin-top: 16px;
	line-height: 150%; /* 24px */
}

/* .cont2_stepitem.act p{display: block;} */

/* content3 */
.content3{padding: 1rem 0;box-sizing: border-box;}

.sec3_nav{margin: 60px auto; display: flex;width: 94%;max-width: 632px;padding: 8px;box-sizing: border-box; border-radius: 100px;background: #2C2652;}
.sec3_nav .sec3_nav_item{width: 50%;color: #FFF;
	font-size: 22px;box-sizing: border-box;
	font-weight: 600;cursor: pointer;
height: 72px;line-height: 72px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);border: 2px solid #56ffff00;
	}
	.sec3_nav_item.act{

		border-radius: 100px;
		border: 2px solid #56FFFF;
		background: rgba(151, 115, 255, 0.60);
		box-shadow: 0px 0px 20px 0px #AB5CE2;
	}
.sec3_cont{display: none;}
.sec3_cont.act{display: block;}

.sec32_stepbox,
.sec3_stepbox{position: relative;display: inline-block;margin-top: 0px;}
.sec32_steplist,.sec3_steplist{display: flex;justify-content: center;margin: 20px auto;display: none;}
.sec32_steplist p,.sec3_steplist p{transition: .3s;
	cursor: pointer;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
	tap-highlight-color: transparent;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .5);
	margin:0 4px;
}
.sec32_steplist p.act,
.sec3_steplist p.act{width: 32px;background: white;}
.sec32_stepbox>div,.sec3_stepbox>div{position: absolute;}
.sec32_stepbox>img,.sec3_stepbox>img{vertical-align: bottom;opacity: 0;max-width: 846px;width: 100%;}
.sec32_stepbox .sec32_stepl,.sec3_stepbox .sec3_stepl{transition: .3s; cursor: pointer; top: 50%;left: -15%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 64px;height: 64px;border-radius: 50%;box-sizing: border-box; }

.sec32_stepbox .sec32_stepl::after,
.sec3_stepbox .sec3_stepl::after{transition: .3s;font-size: 34px;content: "";color: rgba(255, 255, 255,.15);line-height: 64px;content: "\e802";transform: rotateZ(180deg);font-weight: 500;display: inline-block;font-family: "iconfont";}
.sec32_stepbox .sec32_stepr,
.sec3_stepbox .sec3_stepr{transition: .3s; cursor: pointer; top: 50%;right: -15%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 64px;height: 64px;border-radius: 50%;box-sizing: border-box; }
.sec32_stepbox .sec32_stepr::after,
.sec3_stepbox .sec3_stepr::after{transition: .3s; font-size: 34px;content: "";color: rgba(255, 255, 255,.15);line-height: 64px;content: "\e802";font-weight: 500;display: inline-block;font-family: "iconfont";}

.cont1_sec .sec1_stepr:hover,
.cont1_sec .sec1_stepl:hover,
.cont1_sec .sec1_stepr:hover::after,
.cont1_sec .sec1_stepl:hover::after,
.sec32_stepbox .sec32_stepr:hover::after,
.sec32_stepbox .sec32_stepl:hover::after,
.sec3_stepbox .sec3_stepr:hover::after,
.sec3_stepbox .sec3_stepl:hover::after{color: #7242FB;}


/* vz2.0 */
.cont1_sec{max-width: 900px;}
.cont1_sec .sec1_stepl{transition: .3s;background: rgba(25, 19, 66, 0.60); cursor: pointer; top: 50%;left: .5%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 72px;height: 72px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 50%;box-sizing: border-box; }
.cont1_sec .sec1_stepl::after{transition: .3s;transform: translateX(2px);font-size: 34px;content: "";color: white;line-height: 70px;content: "\e802";transform:translateX(-2px) rotateZ(180deg);font-weight: 500;display: inline-block;font-family: "iconfont";}
.cont1_sec .sec1_stepr{transition: .3s;background: rgba(25, 19, 66, 0.60); cursor: pointer; top: 50%;right: .5%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 72px;height: 72px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 50%;box-sizing: border-box; }
.cont1_sec .sec1_stepr::after{transition: .3s;transform: translateX(2px); font-size: 34px;content: "";color: white;line-height: 70px;content: "\e802";font-weight: 500;display: inline-block;font-family: "iconfont";}

.cont1_sec .sec1_stepr:hover,
.cont1_sec .sec1_stepl:hover{border: 2px solid #7242FB;}
.cont1_sec .sec1_stepr:hover::after,
.cont1_sec .sec1_stepl:hover::after{color: #7242FB;}





.sec32_stepbox .sec32_stepimgs,
.sec3_stepbox .sec3_stepimgs{ top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;}
.sec32_stepimgs img,
.sec3_stepimgs img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
	display: none;width: 100%;max-width: 846px; border-radius: 24px;
	border: 1px solid #9673ff80;
	background: rgba(255, 255, 255, 0.08);
	padding: .08rem;
	overflow: hidden;}
.sec32_stepimgs img.act,
.sec3_stepimgs img.act{display: inline-block;}
.sec32_steptext,
.sec3_steptext{display: flex;justify-content: space-around;}
.sec32_steptext{max-width: 1200px; margin: 0 auto;justify-content: center;}
.sec32_steptext .w250{max-width: 277px;}
.sec32_steptext>div{width: 32%;}
.sec32_steptext>div,
.sec3_steptext>div{display: flex;margin-top: 80px;cursor: pointer;align-items: center;margin-left: 20px; }
.sec32_steptext>div:nth-child(1),
.sec3_steptext>div:nth-child(1){margin-left: 0;}
.sec3_steptext>div{max-width: 412px;}
.sec32_steptext span,
.sec3_steptext span{color: rgba(255, 255, 255, 0.2);text-align: center;font-size: 28px;margin-right: 20px;font-weight: 600;line-height: 49px;box-sizing: border-box;border-radius: 50%; display: inline-block;width: 49px;height: 49px;background-color: rgba(255, 255, 255, 0.10);}
.sec32_steptext p,
.sec3_steptext p{color: rgba(255, 255, 255, 0.20);font-size: 18px;text-align: left;font-weight: 400;flex: 1;line-height: 150%; /* 27px */}
.sec32_steptext .act span,
.sec3_steptext .act span{color: white;background-color: #7242FB;}
.sec32_steptext .act p,
.sec3_steptext .act p{color: white;}



.section4{padding-top: 1rem;}


.comment_box{padding-left: 120px;box-sizing: border-box;margin-top: 80px;overflow: hidden;}
.comment_cont{height: 400px;border-radius: 32px;
	background: #252453;position: relative;}

.comment_imgs{position: absolute;left: 0; width: 240px;height: 270px;top: 50%; transform: translate(-50%,-50%);}
.comment_imgs img{position: absolute;left: 0;top: 0;width: 100%;}
.comment_imgs::after{content: "";width: 98%;height: 70px;bottom: 10px;left: 50%;transform: translateX(-50%); position: absolute; background: url(https://imobie-resource.com/en/vozard/img/comment_icon.png) no-repeat center bottom;background-size: contain;}
.comment_items{}

.comment_cont .comment_item{text-align: left; position: absolute;width: 80%;max-width: 1000px;top: 45%;left: 20%;opacity: 0; transform: translateY(-50%); transition: .3s;}
.comment_item .comment_text{

	
	color: #FFF;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 28px;
	line-height: 200%; /* 48px */
}
.comment_item .comment_name{
	color: #FFF;
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
}
.comment_cont .comment_item.act{left: 15%;opacity: 1;}


.comment_list{position: absolute;display: flex;z-index: 5;bottom: 40px;right: 10%;}

.comment_list p{-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
	tap-highlight-color: transparent;transition: .3s; cursor: pointer; width: 10px;height: 10px;border-radius: 10px;background-color: rgba(255, 255, 255, .5);margin-left: 8px;}
.comment_list p.act{width: 32px;background-color: white;}
.comment_list p:first-child{margin-left: 0px;}





/* content6 */
.content6{padding-bottom: 100px;}
.section6{background: #323263; border-radius: 30px; }
.sec6_cont { max-width: 1400px; width: 100%; margin: 100px auto 0; box-sizing: border-box; padding: 50px 0 0 80px ;  }

.section6 .sec6_image { display: inline-block; vertical-align: bottom;transform: translateY(10px);max-width: 448px;vertical-align: middle;}

.sec6_text { display: inline-block; max-width: 614px; width: 100%; vertical-align: middle; margin-right: 105px; }
.sec6_text h2 { font-size: 52px; font-weight: 600; color: #fff; }
.sec6_text h2 img{max-width: 100%;}
.sec6_text>p { font-size: 22px; font-weight: 400; color: #fff; margin: 30px auto 30px; line-height: 32px; }
.sec6_text .btn_groups p {text-align: center; display: inline-block; max-width: 280px; width: 100%; vertical-align: text-top; }
.sec6_text .btn_groups p:first-child { margin-right: 35px; text-align: center; }
.sec6_text .down_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #7057EA; color: #FFF; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 12px; transition: all .3s linear;}
.sec6_text .buy_btn { display: inline-block; max-width: 280px; width: 100%; font-size: 24px; font-weight: 600; background-color: #F7AC46; color: #FFFFFF; vertical-align: middle; text-align: center; padding: 17px 0; border-radius: 12px; transition: all .3s linear;}
.sec6_text .buy_btn:hover, .sec6_text .down_btn:hover { transform: translateY(-5px);  }
.sec6_text .btn_groups a { text-decoration: none; }
.sec6_text p em { display: inline-block; font-size: 12px; color: #fff; margin-top: 10px; text-align: left; }
.sec6_text p em img { vertical-align: top; margin-left: 10px; }
.sec6_text p span { display: block; }
.sec6_text p .text_box { padding-left: 35px; text-align: left; }
.sec6_text p span a { font-size: 14px; color: #dfdfdf; }
.sec6_text p span a:hover { text-decoration: underline; }


.sec6_groups {display: flex; margin-top: 60px; text-align: center; border-top: 2px solid rgba(255, 255, 255, 0.00);
	padding: 40px 80px; position: relative;justify-content: center;

	background: radial-gradient(28.57% 62.19% at 50% 0%, rgba(114, 66, 251, 0.08) 0%, rgba(37, 30, 80, 0.08) 100%);}
	.sec6_groups::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, rgba(217, 217, 217, .20) 50%, rgba(217, 217, 217, 0.00) 100%);
}


	.sec6_groups li {align-items: center; display:flex; margin-right: 25px; text-align: left;max-width: 214px; }
.sec6_groups li:last-child { margin-right: 0; }
.sec6_groups li p { color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 600;flex: 1; }
.sec6_groups li img { vertical-align: middle;width: 52px;margin-right: 14px;}

/* content7 */
.section7 { max-width: 1400px; margin: 0px auto 100px;padding-top: 80px; }



.sec_cont7{border-radius: 32px;border: 2px solid rgba(255, 255, 255, 0.24);overflow: hidden;margin-top: 80px;}
.sec_nav7{display: flex;
}
	.sec_nav7 .sec_nav7item{color: #FFF;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
		tap-highlight-color: transparent;
		background: #323263;cursor: pointer;
	font-size: 28px;width: 50%;position: relative;
	padding: 29px 0;
	font-weight: 600;}
	.sec_nav7 .sec_nav7item.act{color: #FFF;background: none;}
	.sec_nav7 .sec_nav7item:nth-child(1){border-radius: 30px 0;}
	.sec_nav7 .sec_nav7item:nth-child(1)::after{content: "";right: -25px; bottom: 0;  position: absolute;width: 25px;height: 25px;background: url(https://imobie-resource.com/en/vozard/img/vzidx_faqicon.png) no-repeat center center; }
	
	
	.sec_nav7 .sec_nav7item:nth-child(2){border-radius: 0 30px;}
	.sec_nav7 .sec_nav7item:nth-child(2)::after{content: "";left: -24px;bottom: 0; transform: rotateY(180deg);  position: absolute;width: 25px;height: 25px;background: url(https://imobie-resource.com/en/vozard/img/vzidx_faqicon.png) no-repeat center center; }






.cont_faq{padding: 40px 0rem 40px;box-sizing: border-box;margin: 0 40px;}
.cont_faq .box_title{margin-bottom: .5rem;}
.faq_item{padding: .3rem .4rem;box-sizing: border-box;border-radius: 15px;margin-top: .3rem;
background: #FFF;text-align: left;margin-top: 20px;-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
tap-highlight-color: transparent;
border-radius: 12px;padding: 32px 0;
background: rgba(0, 0, 0, 0.10);
cursor: pointer;}
.faq_item h4{color: rgba(255, 255, 255, 0.80);padding-left: 20px; font-size: 18px;font-weight: 500;position: relative;box-sizing: border-box;padding-right: 23px;}
.faq_item .atc h4{color: rgba(255, 255, 255);}
.faq_item h4 .icon_down{position: absolute;right: 15px;top: 2px; cursor: pointer;height: 100%;}
.faq_item h4 .icon_down::after{top: 50%;transition:transform .3s; transform: translate(-30px,-50%); position: absolute; font-family: "iconfont";font-size: 24px;content: "\e800";font-weight: 700;overflow: hidden;color: white;}
.faq_item .faq_a{margin-top: 30px;padding: 0 20px;display: none;}
.faq_item .faq_q.atc .icon_down::after{transform: translate(-30px,-50%) rotateZ(180deg); }

.faq_item p{color: rgba(255, 255, 255, 0.8);font-size: 16px;font-weight: 400;line-height: 150%; /* 24px */}


.cont_hot{text-align: center;margin: 60px 20px 40px;display: none; }
.cont_hot a{margin:0 18px 24px;text-align: left;  
	border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.08);
	-webkit-tap-highlight-color: transparent; /* Safari, iOS Safari */
	tap-highlight-color: transparent;color: #FFF;text-decoration: none; font-size: 18px;font-weight: 500;width: 46%;display: inline-block;vertical-align: top;  padding:23px 32px;box-sizing: border-box;text-align: left;}

.more_faq {padding: 00px 0;position: relative;}
/* .more_faq::after{content: "";position: absolute;width: 100%;top: 0;left: 0; height: 2px;background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, rgba(217, 217, 217, .20) 50%, rgba(217, 217, 217, 0.00) 100%);} */
.more_faq .cont_a a{color: #7242FB;}

.more_faq .cont_a.hot{display: none;}


/* nav */

/* .nav_dl_btn:hover{border: 1px solid #7057EA;}
.nav_dl_btn:active{border: 1px solid #5744B8;} */
.sub_nav .nav_dl_btn { color: #fff; border: 1px solid #fff; }
.sub_nav .sub_nav_cont li a.nav_dl_btn:hover { color: #7242FB; border: 1px solid #fff; background-color: #fff; text-decoration: none; }
.sub_nav .sub_nav_cont li a.nav_buy_btn{color: #7242FB;}
.sub_nav .sub_nav_cont li a.nav_buy_btn:hover { text-decoration: none; }
/* .sub_nav .nav_dl_btn:active { color: #968AD1; border: 1px solid #968AD1; } */
.sub_nav .sub_nav_cont li a { color: #fff; }
.sub_nav .sub_nav_cont li a:hover{ text-decoration: underline; color: #fff; }
.sub_nav .sub_nav_cont li a:active{color: #968AD1;}
.sub_nav .sub_nav_cont li dd a { color: #333; }
.sub_nav .sub_nav_cont li dd a:hover { color: #7057EA; }
.sub_nav .sub_nav_cont li dd a:active { color: #968AD1; }
.sub_nav .sub_nav_os:after { color: #fff; }
.sub_nav .sub_nav_cont a { color: #fff; }
.sub_nav_float.sub_nav .sub_nav_cont li a { color: #333; }
.sub_nav_float.sub_nav .sub_nav_cont li a:hover { color: #B6A8FF; }
.sub_nav_float.sub_nav .sub_nav_cont li a:active { color: #968AD1; }
.sub_nav_float.sub_nav .nav_dl_btn { color: #333; border: 1px solid #333; }
.sub_nav_float.sub_nav .sub_nav_cont li a.nav_dl_btn:hover { color: #B6A8FF; border: 1px solid #B6A8FF; }
.sub_nav_float.sub_nav .sub_nav_cont li a.nav_dl_btn:active { color: #968AD1; border: 1px solid #968AD1; }
.sub_nav_float.sub_nav .sub_nav_os:after { color: #333; }
.sub_nav_float.sub_nav .sub_nav_cont a { color: #333; }




/*feature bottom btn*/
.btn{ padding-right:20px; display:inline-block; color:#fff !important; text-align:center; position:relative; overflow:hidden; z-index:1;}
.btn:hover{ text-decoration: none;}
.btn img{ margin:0 5px;}




/* vzpage2.0 */
.vzhome_banner{background: url(https://imobie-resource.com/en/vozard/img/vzidx-bannerbg.png) no-repeat center top; background-size: cover;}




.vzhome_banner_cont{max-width: 1400px; margin: 0 auto;overflow: hidden;}
.vzhome_bantext{max-width: 762px;text-align: left;margin: 146px auto 0;width: 55%;margin-left: 0;}






.bannerimgs-box{position: absolute;left: 59%;top: 16%;}
.bannerimgs-cont1{width: 536px;height: 536px;border-radius: 50%;background: linear-gradient(145deg, #BA42FF 0%, #ba42ff00 50%, transparent);position: relative;}
.bannerimgs-cont1::after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%; width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(145deg, #BA42FF 0%, #ba42ff00 50%, transparent);filter: blur(.15rem);}

.bannerimgs-cont2{position: absolute;left: 12px;top: 12px;right: 12px;bottom: 12px;border-radius: 50%;background: linear-gradient(145deg, #1A1344 0%, #1A1344 50%, transparent);z-index: 2;}

.bannerimgs-cont3{position: absolute;left: 38px;top: 38px;right: 38px;bottom: 38px;border-radius: 50%;z-index: 2;}

.bannerimgs-active{position: absolute;top: 0;left: 0;opacity: 0;transition:opacity .3s; width: 100%;height: 100%;background:wheat;border-radius: 50%;}
.bannerimgs-active img{width: 100%;position: absolute;left: 0;bottom: 0;}


.bannerimgs-duff{position: absolute;bottom: 0;right: 0;width: 100%;height: 100%; transition: .3s;box-sizing: border-box; border: 4px solid #BA42FF;border-radius: 50%;}
.bannerimgs-duff img{width: 100%;}




.bannerimgs-box.act .bannerimgs-cont1{ animation: bannerdh 3s infinite linear;}
.bannerimgs-box.act .bannerimgs-cont3{ animation: bannerdh3 3s infinite linear;}


.bannerimgs-box.act .bannerimgs-cont1.paused{animation-play-state: paused;}
.bannerimgs-box.act .bannerimgs-cont3.paused{animation-play-state: paused;}

.bannerimgs-box.act .bannerimgs-duff{width: 35.5%;height: 35.5%;border: 2px solid rgba(255, 255, 255, 0.60);}
.bannerimgs-box.act .bannerimgs-active{opacity: 1;}


@keyframes bannerdh {
	0%{transform: rotateZ(0);}
	100%{transform: rotateZ(360deg);}
}
@keyframes bannerdh3 {
	0%{transform: rotateZ(0);}
	100%{transform: rotateZ(-360deg);}
}

.banner_navcont{margin-top: .7rem; height: 330px;padding: 20px 0 6px;box-sizing: border-box;position: relative;
	 /* background: url(https://imobie-resource.com/en/vozard/img/vzidx-navbg.png) no-repeat center center; background-size: 1920px; */
	}
	.banner_navcontbg{position: absolute;left: 50%;top: -60%;transform: translate(-50%,0);pointer-events: none;}

.banner_navcontainer {position: relative;
	width: 100%;overflow: hidden;
	max-width: 1820px;margin: 0 auto;
	width: 1820px;position: absolute;left: 50%;transform: translateX(-50%);
	padding: 90px 25px 90px;max-width: 1560px;
}
.banner_navcontainer.mo{max-width: 1560px;display: none}
/* .banner_navcontainer::after{content: '';position: absolute;height: 150%;width: 1px;background: white;left: 50%;top: 0%;transform: translateX(-50%);z-index: 5;} */
/* .banner_navwrapper{transition: .5s;} */
.banner_navslide {
	text-align: center;
	font-size: 18px;
position: relative;
color: white;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
transition:width 300ms,transform 300ms,opacity 300ms;
opacity: .6;

height: 102px;
width: 102px;
border-radius: 102px;

box-sizing: border-box;transform-origin: center;

}
.banner_navslide {}
.banner_navslide .actbox{display: none;z-index: 4;position: absolute;bottom: 0; width: 100%;text-align: left;height: 100%;}
.banner_navslide .actbox img{vertical-align: bottom;position: absolute; bottom: 8px;left: 8px;}
.banner_navslide .actbox .navicon{position: absolute;left: auto;bottom:-11px;right: 5px; }

.pc .banner_navslide{opacity: .1; }
.pc .banner_navslide:hover{transform: translateY(-10px);opacity: 1 !important;}
.pc .banner_navslide.swiper-slide-active:hover{transform: translateY(-10px) scale(1.2);opacity: 1 !important;}

.banner_navslide.swiper-slide-active{
	transform: scale(1.2);
	box-shadow: 0px 0px 11.852px 0px #AB5CE2;
}

.banner_navslide .star_icon{position: absolute;z-index: 6;left: 70%;top: 50%;
	transform: translateX(-50%) translateY(-50%);pointer-events: none;
	opacity: 0;

  
}

.banner_navslide:hover .star_icon{left: 110%;top: 0%;
	animation:staropt .6s forwards cubic-bezier(0.17, 1.05, 0.65, 1); 
	transition: left .4s,top .25s;
}
.pc .banner_navslide.swiper-slide-active:hover .star_icon{display: none;}

@keyframes staropt {
	0%{ opacity: 0;}
	70%{opacity: 1;}
	100%{opacity: 0;}
}


.mo .banner_navslide .actbox img{vertical-align: bottom;position: absolute; bottom: 0;left: -25px;}
.mo .banner_navslide .actbox .navicon{position: absolute;left: 78px;bottom:-11px;}



.banner_navslide::before{position: absolute;content: "";left: 2px;top: 2px;right: 2px;bottom: 2px;background:#443577;border-radius: 102px;z-index: 2;}
.banner_navslide::after{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;border-radius: 102px;background: rgba(255, 255, 255, 0.40);z-index: 1;}
.banner_navslide img{z-index: 4;}
.banner_navslide p{z-index: 4;color: #FFF;
position: absolute;transition: .3s;
	left: 108px;
	width: 70%;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	top: 0%;transform: translate(0% ,0%);
	font-style: italic;
	font-weight: 700;
	color: #FFF;
font-family: Poppins;top: 20%; opacity: 0;
font-size: 22px;
}
.banner_navslide a{color: #9787D2;
	font-size: 16px;display: inline-block;
	font-weight: 400;  position: absolute;transition: .3s;
	left: 108px;z-index: 4;top: 55%; opacity: 0;
	width: 82px;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	}
	.banner_navslide a:hover{
		color: #B557FF;
	}
	.banner_navslide a::after{
    content: "\e802";
  
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    cursor: pointer;}
.banner_navslide .isplay img{z-index: 5;pointer-events: none; opacity: 1;transition: .3s; position: absolute;top: 50%;left: 50px;transform: translate(-50%,-50%) scale(0);}
.banner_navslide .isplay .pause_icon{width: 22px;}
.banner_navslide .isplay .play_icon{width: 32px;}



.banner_navslide:hover{}

.banner_navslide.swiper-slide-active p{opacity: 1;}
.banner_navslide.swiper-slide-active a{opacity: 1;}

.banner_navslide.swiper-slide-active.playkid img.act{opacity: 1;transform: translate(-50%,-50%) scale(1);}

.banner_navslide.swiper-slide-prev,
.banner_navslide.swiper-slide-next{opacity: 1;}



/* .banner_navslide.swiper-slide-active{transform: scale(1);} */
.mo .banner_navslide.swiper-slide-active.act{background: none;box-shadow: none;transform: scale(1)}
.mo .banner_navslide.swiper-slide-active.act::after{display: none;}
.mo .banner_navslide.swiper-slide-active.act::before{display: none;}


.banner_navslide.swiper-slide-active::after{background: linear-gradient(145deg, #BA42FF 0%, #6C91FF 50%, #56FFFF 100%);}
.pc .banner_navslide.swiper-slide-active.active{
box-shadow: 0px 0px 0px 0px #AB5CE2;
width: 350px;transform: scale(1);}

.banner_navslide.swiper-slide-active.active{}
.banner_navslide.swiper-slide-active.active .actbox{display: block;align-items: center;}
.banner_navslide.swiper-slide-active.active .deffimg{display: none;}




























.content1::after{display: none;}
.switch_voicebox{max-width: 1920px;}
.voice_nav{margin: 0 auto;}

.voice_contnew{margin: 00px auto 0;padding-top: 40px; overflow: hidden;padding-bottom: 20px;max-width: 1520px;}
.swiperbox {display: none;
	width: 100%;
	height: 100%;
}
.swiperbox .item_link{margin-top: 20px;color: #9773FF;font-size: 16px;display: inline-block;opacity: 1;pointer-events: all;transition:opacity .3s; }
.item_link.hide{opacity: 0;pointer-events: none;}
.swiperbox.act {display: block;}
.swiperbox_wrapper{}
.swiperbox_item {
	text-align: center;
	font-size: 18px;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;perspective: 5000px;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;border-radius: 24px;
	-webkit-justify-content: center;transform-origin: 50% 50%;
	justify-content: center;
	-webkit-box-align: center;overflow: hidden;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;position: relative;transform-style: preserve-3d;
transition: 300ms;opacity: .3;
transform:translateY(65px) scale(0.8)  rotateZ(-4deg);cursor: pointer;transition: .3s;
}
/* swiper-slide-duplicate  */
.swiperbox_item.swiper-slide-prev,
.swiperbox_item.swiper-slide-next{}
.swiperbox_item.swiper-slide-prev{transform:translateY(30px) scale(.9) rotateZ(-2deg);opacity: .6;}
.swiperbox_item.swiper-slide-next{transform:translateY(30px) scale(.9) rotateZ(2deg);opacity: .6;}
.swiperbox_item.swiper-slide-prev:hover{transform:translateY(25px) scale(.9) rotateZ(-4deg);opacity: 1;}
.swiperbox_item.swiper-slide-next:hover{transform:translateY(25px) scale(.9) rotateZ(4deg);opacity: 1;}


.swiperbox_item.swiper-slide-next + .swiperbox_item {transform:translateY(65px) scale(.8) rotateZ(4deg);}
.swiperbox_item.swiper-slide-next + .swiperbox_item:hover {transform:translateY(60px) scale(.8) rotateZ(6deg);opacity: 1;}

.swiperbox_item:hover{transform:translateY(60px) scale(.8) rotateZ(-6deg);opacity: 1;}

.swiperbox_item.swiper-slide-active,.swiperbox_item.swiper-slide-duplicate-active{
	transform:translateY(0px) rotateZ(0deg) scale(1);opacity: 1;
	
}
.swiperbox_item.swiper-slide-active:hover{transform:translateY(-5px) rotateZ(0deg) scale(1);}

.swiperbox_item.actplay .swiperbox_info{transform:rotateY(0deg);}
.swiperbox_item.actplay .swiperbox_img{transform:rotateY(180deg);}

.swiperbox_info{overflow: hidden; backface-visibility: hidden; transform:rotateY(180deg); position: absolute;left: 2px;top: 2px;right: 2px;bottom: 2px;transition:transform  .3s;}
.swiperbox_infobg{position: absolute;right: 0;bottom: 0;z-index: 2;}
.add_projection{
	background: linear-gradient(145deg, #BA42FF 0%, #6C91FF 50%, #56FFFF 100%);
border-radius: 24px;
}
.add_projection::after{ content: "";border-radius: 24px; position: absolute;left: 2px;top: 2px;right: 2px;bottom: 2px;background: #1F175C ;}
.add_projection div{z-index: 5;}

.swiperbox_item .swiperbox_img{ -webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;backface-visibility: hidden;; transition:transform  .3s;transform: rotateY(0deg); position: relative;left: 0;top: 0;opacity: 1; pointer-events: none;z-index: 6;}
.swiperbox_item .swiperbox_img img{transform: scale(1.08)}
.swiperbox_actimg{width: 218px;height: 218px;margin:30px auto 0;
	border-radius: 50%;position: relative;
}
.actplay .swiperbox_actimg::after {animation: play_iconact1 3s infinite linear;}
.actplay .swiperbox_actimg::before {animation: play_iconact1 3s infinite linear;}
	.swiperbox_actimg::before{  content: "";z-index: 1; border-radius: 50%;background: linear-gradient(145deg, #BA42FF 0%, #ba42ff00 50%,transparent);position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;filter: blur(5px);}
	.swiperbox_actimg::after{ content: "";z-index: 2; border-radius: 50%;background: linear-gradient(145deg, #1F175C 0%, #1F175C 50%,transparent);position: absolute;left: 5px;top: 5px;right: 5px;bottom: 5px;}
	
	.swiperbox_actimg img {width: 85%; position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.swiperbox_actimg img.play_icon{width: 32px;}
	.swiperbox_txt{color: #FFF;position: relative;-webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
		text-align: center;
		margin-top: 26px;
		font-size: 28px;
		font-style: italic;
		font-weight: 700;
		}


.play_iconact{}
@keyframes play_iconact {
	0%{transform: rotateZ(0deg);filter: hue-rotate(0deg);}
	100%{transform: rotateZ(360deg);filter: hue-rotate(360deg);}
}
@keyframes play_iconact1 {
	0%{transform: rotateZ(0deg);}
	100%{transform: rotateZ(360deg);}
}




.newbg1{padding-bottom: 1rem;position: relative; }
.newbg1>img{position: absolute;pointer-events: none;left: -36%;top: -28%;}
.content2{background: url(https://imobie-resource.com/en/vozard/img/vznewbg2.png) no-repeat center center;background-size: contain;}
.section2{padding-top: 100px;}
.cont2_stepitem{margin-bottom: 58px; opacity: .4;}
.cont2_stepitem.act{opacity: 1;}
.cont2_stepitem h4{font-size: 22px;}
.cont2_stepitem p{font-size: 16px;margin-top: 15px;}



.content3{background: url(https://imobie-resource.com/en/vozard/img/vznewbg3.png) no-repeat center center;background-size: contain;}

.sec32_stepbox>img,
.sec3_stepbox>img{max-width: 992px;}
.sec32_stepimgs img,
.sec3_stepimgs img{max-width: 992px;}
/* .section3 {max-width: 1200px;} */

.sec32_stepbox .sec32_stepr,
.sec3_stepbox .sec3_stepr{right: -8%;}
.sec32_stepbox .sec32_stepl,
.sec3_stepbox .sec3_stepl{left: -8%;}

.comment_imgs::after {
	display: none;
	content: "";
	width: 98%;
	height: 70px;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	
	position: absolute;
	background: url(https://imobie-resource.com/en/vozard/img/comment_newicon.png) no-repeat center bottom;
	background: linear-gradient(173deg, rgba(77, 43, 148, 0.20) 1.72%, rgba(69, 34, 141, 0.20) 22.31%, rgba(34, 28, 56, 0.20) 85.91%);


	background-size: contain;
}
.comment_imgs .comment_newicon{width: 98%;
	height: 70px;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	
	position: absolute;

	background: linear-gradient(173deg, rgba(77, 43, 148, 0.20) 1.72%, rgba(69, 34, 141, 0.20) 22.31%, rgba(34, 28, 56, 0.20) 85.91%);
border-radius: 70px;
	backdrop-filter: blur(7.365673065185547px);
	}
	.comment_imgs .comment_newicon img{display: inline-block;vertical-align: bottom;}





/* content35 */
.content35{padding: 1rem 0px;}
.youtube_box{max-width: 1400px;margin:  0 auto;box-sizing: border-box;position: relative;}
.youtube_cont{width: 90%;
	height: 100%; max-width: 1212px;margin: .8rem auto 0;overflow: hidden;}

.youtube-pagination{display: none;}
.youtube_item {
	text-align: center;height: auto;
	font-size: 18px;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	cursor: pointer;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: left;
	flex-wrap: wrap;
box-sizing: border-box;max-width: 380px;
	border-radius: 24px;
	
padding: 12px;position: relative;
background: #292953;

overflow: hidden;


}
.youtube_iconbg{position: absolute;bottom: -50%;right: -50%;z-index: 2;transition: .1s;}
.youtube_item:hover .youtube_iconbg{bottom: 0;right: 0;}

.youtube_item .youtube_imgs{z-index: 3;width: 100%; border-radius: 16px 16px 4px 4px;overflow: hidden;position: relative;}
.youtube_imgs img{vertical-align: bottom;}
.youtube_imgs .youtube_img{width: 100%;}
.youtube_imgs .youtube_icon{ position: absolute;left: 50%;top: 50%;opacity: 0;transform: translate(-50%,-50%);}
.youtube_item h4{color: #FFF;position: relative;
	font-size: 18px;
	margin-top: 16px;z-index: 3;
	margin-bottom: 8px;word-spacing:2px;
	font-weight: 700;
	}
.youtube_item p{color: #FFF;
	position: relative;
	font-size: 13px;
opacity: .8;z-index: 3;margin-bottom: 12px;
	font-weight: 400;
	line-height: 1.5}


	.youtube_item::after{content: "";z-index: 1;border-radius: 24px;left: 0;top: 0; position: absolute;width: 100%;height: 100%;background:rgba(255, 255, 255, .2);}
	.youtube_item::before{content: "";z-index: 2;border-radius: 22px; position: absolute;left: 2px;top: 2px;right: 2px;bottom: 2px;background: #292953;}

	.youtube_item:hover::after{background: linear-gradient(145deg, #BA42FF 0%, #6C91FF 50%, #56FFFF 100%);}
	.youtube_item:hover .youtube_icon{opacity: 1;}


	/* .youtube-button-next */
	/* .youtube-button-prev */
/* vz2.0 */
.cont1_sec{max-width: 900px;}
.youtube-button-prev{transition: .3s;text-align: center; cursor: pointer; top: 50%;left: 0%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 72px;height: 72px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 50%;box-sizing: border-box; }
.youtube-button-prev::after{transition: .3s;font-size: 34px;content: "";color: white;line-height: 70px;content: "\e802";transform: translateX(-2px) rotateZ(180deg);font-weight: 500;display: inline-block;font-family: "iconfont";}
.youtube-button-next{transition: .3s; cursor: pointer;text-align: center; top: 50%;right: 0%;transform: translateY(-50%);  z-index: 3; position: absolute;width: 72px;height: 72px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 50%;box-sizing: border-box; }
.youtube-button-next::after{transition: .3s; font-size: 34px;content: "";color: white;line-height: 70px;content: "\e802";transform: translateX(2px); font-weight: 500;display: inline-block;font-family: "iconfont";}

.youtube-button-next:hover,
.youtube-button-prev:hover{border: 2px solid #7242FB;}
.youtube-button-next:hover::after,
.youtube-button-prev:hover::after{color: #7242FB;}




.title_2 svg{vertical-align: text-top;}











	.section6{background:url(https://imobie-resource.com/en/vozard/img/vznewbg4.png) #292953 no-repeat left top;background-size: contain;  border-radius: 30px;}


	.sec_nav7 .sec_nav7item{background: none;position: relative;}
	.sec_nav7 .sec_nav7item:nth-child(1)::after{
		left: 50%;
		transform: translate(-50%,0%);
    bottom: 0;
		width: 0%;
    position: absolute;
    max-width: 90px;
		transition:width .3s;
    height: 2px;
		border-radius: 2px;
		background: white;
	}
	.sec_nav7 .sec_nav7item:nth-child(2)::after{
		left: 50%;
		transform: translate(-50%,0%);
    bottom: 0%;
		width: 0%;
    position: absolute;
    max-width: 156px;
		background: white;
		transition:width .3s;
    height: 2px;
		border-radius: 2px;
	}

	.sec_cont7 {
    border-radius: 0px;
    border: 0px solid rgba(255, 255, 255, 0.24);
    overflow: hidden;
    margin-top: .5rem;
}
.cont_faq{margin: 0;}

.sec_nav7 .sec_nav7item{padding: 16px 0;opacity: .6;}
.sec_nav7 .sec_nav7item.act{opacity: 1;}
.sec_nav7 .sec_nav7item.act::after{width: 100%;}

.sec_nav7{position: relative;}
.sec_nav7::after{content: "" ;width: 100%;height: 2px;position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);background: rgba(255, 255, 255, 0.10);}

.faq_item{

	border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.08);
}
.cont_hot {
	text-align: center;
	margin: 60px 0px 40px;
}
.cont_hot a{border-radius: 10px;color: rgba(255, 255, 255, 0.80);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.08);}

.cont_liner{position: relative;}
	.cont_liner::after{content: "";left: 0;top: 0;position: absolute;
		/* background: radial-gradient(28.57% 62.19% at 50% 0%, #7342fb00 0% ,#7242FB 50%,#7342fb00 100% ); */
		background: radial-gradient(28.57% 62.19% at 50% 0%, rgba(114, 66, 251, 0.08) 0%, rgba(37, 30, 80, 0.08) 100%);

		width: 100%;height: 5rem;}






@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}

@media screen and (max-width: 1860px){	

}

@media screen and (max-width: 1690px){	




}
@media screen and (max-width: 1560px){	

}
@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1440px){	

}

@media screen and (max-width: 1400px){	
	.voice_contitem .voice_item {
    padding: 24px;
    border-radius: 82.5px;
		width: 360px;
    height: 150px;
    margin: 40px auto;
}
.voice_item .voice_img{width: 100px;}
.voice_item p{font-size: 24px;}

.voice_item .voice_icon{width: 21%;}

.cont2_stepbox {height: 520px;transform: translateY(0);}



.sec6_cont{padding:50px 0 50px ;}

.sec6_groups{margin-top: 0;padding: 40px 10px;}



	/* .scroll_mask>ul li { padding: 190px 0; } */
	.section6 {}
	.scroll_mask>ul li { padding: 250px 0; }
	.scroll_img { height: auto; }
	.scroll_img img { position: relative; top: 0;transform: translateY(0px);vertical-align: middle; }
	.section1_cont .sec1_image  { width: 45%; } 
	.section1_cont .sec1_image img { max-width: 100%; }
	.scroll_img { width: 40%; }
	.section2 .sec2_cont .text { margin-left: 4.5%; vertical-align: middle; }
	.section5 { width: 94%; padding-left: 3%; padding-right: 3%; }
	.sec6_groups li { max-width: 24%; text-align: center; margin:20px 5px 0; }
	.sec6_text { max-width: 45%; margin: 0 5%; }

	.sec6_text .btn_groups p{max-width: 230px;}
	.sec6_text .btn_groups p:first-child { margin-bottom: 20px; }
	.sec6_groups li p{text-align: left;}
	.sec6_groups li img{margin-right: 5px;}




	/* vz2.0 */
	/* .swiperbox{width: 118%;left: -9%;position: relative;} */
	/* .swiperbox_actimg{width: 180px;height: 180px;} */

}

@media screen and (max-width: 1330px){	

}
@media screen and (max-width: 1300px){

}
@media screen and (max-width: 1200px){
  .imgbox .sounds{left: -100px;}
	
	.voice_contitem .voice_item{padding: 20px;height: 120px;width: 31%;}
	.voice_item .voice_img{width: 80px;}
	.voice_item p{left: 120px;font-size: 20px;}
	.voice_item .voice_icon1{left: 10%;}
	.voice_item .voice_icon2{right: 10%;}



.navtotagbox a:nth-child(15){left: 1%;}
.navtotagbox a:nth-child(4) {left: 19%;top: 66%;}

.navtotagbox a:nth-child(3){left: 15%;}
.navtotagbox a:nth-child(6){left: 35%;}
.navtotagbox a:nth-child(7){left: 38%;top: 65%;}
.navtotagbox a:nth-child(16){left: 54%;}
.navtotagbox a:nth-child(9){left: 56%;}
.navtotagbox a:nth-child(12){left: 80%;}
.navtotagbox a:nth-child(13){left: 35%;}
.navtotagbox a:nth-child(17){left: 86%;top: 19%;}
.navtotagbox a:nth-child(11){top: 42%;}

.sec32_stepbox .sec32_stepr,
.sec3_stepbox .sec3_stepr{right: -10%;}
.sec32_stepbox .sec32_stepl,
.sec3_stepbox .sec3_stepl{left: -10%;}
.sec32_stepbox,
.sec3_stepbox{width: 85%;}


.cont2_imgs {position: relative;width: auto;left: auto;text-align: center;height: 100%;margin: 0 auto;max-width: 792px;margin-bottom: 28px;}

.cont2_imgs .img{position: absolute;height: 100%; left: 0;top: auto;width: 100%;transform: translateY(0%);}

.section2{padding: 1rem 0;}
.cont2_stepbox{width: auto;max-width: 800px;height: 460px;margin: 0 auto;}

.cont_hot a{margin: 0 10px 24px;}





	.sec6_text .btn_groups p{max-width: 280px;}
	.section6 .sec6_image { width: 40%; }
	.sec6_image img{width: 100%;}

	.comment_imgs{height: 220px;width: 200px;}

/* vz2.0 */
.banner_navcontainer.pc{display: none}
.banner_navcontainer.mo{display: block}

.vzhome_bantext{max-width: none;width: auto;text-align: center;}
.bannerimgs-box{position: static;margin-top: 1.2rem;padding-bottom: .3rem;}
.bannerimgs-cont1 {
	width: 640px;
	height: 640px;
	border-radius: 50%;
	margin: 80px auto 0;
}




/* .swiperbox{width: 118%;left: -9%;position: relative;} */
.swiperbox_actimg{width: 180px;height: 180px;}

}
@media screen and (max-width: 1190px){
}

@media screen and (max-width: 1150px){
	.sec6_groups li { max-width: 25%; }
	.sec6_groups li p { max-width: 190px;  }
}
@media screen and (max-width: 980px){
	
	.vzhome_bantext{margin-top: 50px;}

	.imgbox .imgcont{width: 90%;max-width: 736px;}
	.imgbox .toggletxts{width: 30.57%;top: -8%;left: -5%;}
	.imgbox .sounds{left: -5%;width: 21.73%;bottom: 13%;}

	.imgbox .characters{height: 94%;padding: 1%;width: 17.11%;top: -4%;right: -5%;
	display: flex;flex-flow: column;justify-content: space-around;
	}

	.characters .character_item{width: 70%;margin-top: 20%; }
	.characters .character_item.act{width: 85%;}
	.imgbox .sounds img{width: 100%;}
	.bannerimgbg{width: 140%;}
	.imgbox{padding-bottom: 8%;margin-top: 0;}
	.sounds .soundcont{width: 100%;}


	.voice_item.act .voice_img{margin-left: 0;transform: translateX(0);}
	.voice_item.act .voice_icon1{display: none;}
	.voice_item.act .voice_icon2{left: 120px; width: 35%;}









	.sec4sld .sec4prev {left: calc(-196%);}
	.sec4sld .sec4next {right: calc(-196%);}
  /* .sec4sld li,.sec4sld .sec4next,.sec4sld .sec4prev{display:block; opacity:1; margin-bottom:30px; position:relative; top:auto; right:auto; left:auto; bottom:auto;}
	.sec4img{background:url(https://imobie-resource.com/en/img/index_purple.png) center no-repeat; background-size:cover; border-radius:20px;}
	.sec4head{opacity:1; width:15%; top:50%;}
	.sec4text{margin-left:3%; max-width:84%;}
	.sec4text h3{display:block;}
	.sec4text p{margin-top:5px;} */

	.sec32_stepbox,
	.sec3_stepbox{width: 100%;}
	.sec32_stepbox .sec32_stepr,
	.sec32_stepbox .sec32_stepl,
	.sec3_stepbox .sec3_stepr,
	.sec3_stepbox .sec3_stepl{display: none;}

	.sec32_steptext,
	.sec3_steptext{flex-wrap: wrap;}
	.sec32_steptext>div,
	.sec3_steptext>div{width: 49%;max-width: 400px;margin-top: 40px;}
	.comment_imgs{top: 20px;left: 50%;transform: translate(-50%,0);}
	
	.comment_cont{height: 730px;}
	
	.comment_cont .comment_item{top:260px; transform: translateY(0%);text-align: center;}
	.comment_cont .comment_item.act{left: 50%;transform: translateX(-50%);}
	.comment_list{right: 50%;transform: translateX(50%);}


.comment_box{padding-left: 0;}






	.sec6_cont{padding: 50px 20px 50px;text-align: center;}
.sec6_text{max-width: none;margin: 0 auto;}
.section6 .sec6_image{width: auto;margin-top: 20px;}
.sec6_groups{display: flex;flex-flow: wrap;justify-content: center;}
.sec6_groups li{display: flex;vertical-align: top;max-width: 31%;justify-content: center;}



.faq_item h4 .icon_down::after{transform: translate(-20px,-50%);}
.faq_item .faq_q.atc .icon_down::after{transform: translate(-20px, -50%) rotateZ(180deg);}
.cont_hot a{margin: 0 0px 24px;width: 100%;}
.cont_hot{margin: 60px 40px 40px;}

/* vz2.0 */
.swiperbox{width: 100%;left: 0%;position: relative;}
/* .swiperbox_actimg{width: 218px;height: 218px;} */


.cont1_sec .sec1_stepl,
.cont1_sec .sec1_stepr{width: 50px;height: 50px;}
.cont1_sec .sec1_stepl::after,
.cont1_sec .sec1_stepr::after{font-size: 20px;line-height: 50px;}
.youtube_item{max-width: none;}

}
@media screen and (max-width: 768px){
	.ata_more_right>p,.ata_more_right>div{margin-left: 0}
	.ata_more_title{margin-top: 0}
}
@media screen and (max-width: 750px){
	div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);}
	.custom_cursor {
    width: 50px;
    height: 54px;
    background-position: -8px -6px;}
		.sounds .soundcont{border: 2px solid #fff;}

	.vzhome_bantext h1 span,
	.vzhome_bantext h1{font-size: 48px;}

	.content1{padding-top: 80px;}
	.title_2{font-size: 40px;}
	.title_3{font-size: 28px;margin-top: 80px;}
	.cont_p{font-size: 16px;}

	

	.voice_item.act .voice_img{margin-left: 0;transform: translateX(0);}
	.voice_item.act .voice_icon1{display: none;}
	.voice_item.act .voice_icon2{display: none;}
	.voice_item p{display: none;}

	.voice_contitem .voice_item{height: auto;width: auto;}
	.voice_item .voice_img{width: auto;}


	.cont1_sec{margin-top: 30px;}

	.sec3_nav{margin: 30px auto;}
	.sec3_nav .sec3_nav_item{font-size: 16px; height: 50px;line-height: 50px;}
	.sec32_steplist,
	.sec3_steplist{display: flex;}
	.section2{padding-top: 80px;padding-bottom: 80px;}
	.section4{padding-top: 80px;}
	.cont2_box{margin-top: 40px;}

	.sec4sld li{border-radius: 20px;}
	.navtotagbox{margin-top: 60px;margin-bottom: 0px;}
	.content3{padding-top: 50px;}

	.sec6_cont{margin-top: 80px;padding-top: 20px;padding-bottom: 40px;}
	.comment_item .comment_name,
	.comment_item .comment_text{font-size: 20px;}
	
	.comment_cont .comment_item{width: 94%;}
	.comment_cont{height: 680px;}
	


	.sec32_steptext>div,
	.sec3_steptext>div{display: none;width: 94%;margin-top: 20px;}
	.sec32_steptext>div.act,
	.sec3_steptext>div.act{display: flex;}

	.sec32_stepbox,
	.sec3_stepbox{margin-top: 0px;}
	
  .sec4 h2{text-align:left;}
	.sec4img img{padding:17px 16px 0; max-width: calc(100% - 32px);}
	.sec6_groups { margin-top: 0px; }
	.sec6_groups li p { font-size: 14px; }
	
	.sec6_groups li{max-width: 48%;}
	
	.sec6_text .btn_groups p:first-child{margin-right: 20px;}
	.sec6_groups{padding: 20px 0;}

.sec_nav7 .sec_nav7item{font-size: 20px;padding: 20px 0;}
.cont_faq{margin: 0 15px;}
.faq_item h4{font-size: 18px;padding-left: 15px;}
.faq_item .faq_a{padding: 0 20px;}
.faq_item h4 .icon_down::after{font-size: 18px;transform: translate(-15px,-50%);}
.faq_item .faq_q.atc .icon_down::after{transform: translate(-15px, -50%) rotateZ(180deg);}
.more_faq{padding: 20px 0;}
.cont_hot{margin: 20px 15px;}
.cont_hot a{font-size: 18px;width: 100%;}
.section7{padding-top: 70px;margin-bottom: 80px; }



/* vz2.0 */
.sec32_steptext p, .sec3_steptext p{font-size: 16px;}
.sec32_steptext span, .sec3_steptext span{height: 39px;width: 39px;line-height: 39px;font-size: 24px;}
.banner_navslide .deffimg{width: 60px;}
.mo .banner_navslide .actbox img{width: 90px;left: -15px;}
.mo .banner_navslide .actbox .navicon{width: 39px;left: 58px;}
.mo .banner_navslide{height: 67px;}

.banner_navcontainer.mo{max-width: 1003px;padding: 50px 0 60px; }
.banner_navcont{background-size: 1200px;height: 210px; }
.bannerimgs-cont1{width: 6.4rem;height: 6.4rem;}

.banner_navcont{margin-top: .47rem;}

.bannerimgs-cont2{left: .12rem;top: .12rem;right: .12rem;bottom: .12rem;}
.bannerimgs-cont3{left: .38rem;top: .38rem;right: .38rem;bottom: .38rem;}

.banner_navcontbg {
	width: 1260px;
	left: 50%;
	top: -60%;
	transform: translate(-50%, 0);
}


/* .swiperbox{width: 118%;left: -9%;position: relative;} */
.swiperbox_actimg{width: 120px;height: 120px;}
.swiperbox_txt{font-size: 18px;}
.swiperbox_infobg{max-width: 176px;width: 80%;}

.swiperbox_item .swiperbox_img img{width: 200px;}




.youtube_cont{width: 94%;}
.youtube-pagination{display: flex;justify-content: center;margin-top: 20px;}
.youtube-button-prev{display: none;}
.youtube-button-next{display: none;}
.youtube-pagination .swiper-pagination-bullet {
	transition: .3s;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .5);
	margin: 0 4px;
}
.youtube-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	background: white;
}
.content6{padding-bottom: 50px;}

.content35{padding: 1rem 0;}
.title_2 svg{width: .37rem;}
.newbg1{padding-bottom: 1rem;}
.cont_liner::after{height: 5rem;}
}
@media screen and (max-width: 700px){
	.vzhome_btn p{display: block;}
	.dlbtnp{margin: 0 auto 20px;}
	.imgbox .imgcont{margin-top: 50px;}

	.sec6_text .btn_groups p:first-child{display: block;margin: 0 auto 20px;}


}
@media screen and (max-width: 580px){
.sec6_groups li{max-width: 340px;width: 94%;}
.sec6_groups li p{max-width: none;text-align: left;}

.voice_contitem .voice_item{width: 26%;margin: 20px auto;padding: 15px;}
.voice_img .control{width: 20%;}
.section2{padding-top: 50px;padding-bottom: 100px;}
.section4{padding-top: 50px;}
.sec6_cont{margin-top: 50px;}
.comment_cont{height: 600px;}
.section7{padding-top: 40px;margin-bottom: 50px; }
.sec_cont7{margin-top: 50px;}

.navtotagbox{margin-top: 30px;}


/* vz2.0 */
.banner_navslide .deffimg{width: 55px;}
.mo .banner_navslide .actbox img{width: 75px;left: -12px;}
.mo .banner_navslide .actbox .navicon{width: 32.5px;left: 50px;}
.mo .banner_navslide{height: 67px;}
.banner_navcontainer.mo{max-width: 843px;}


/* .cont1_sec .sec1_stepl,
.cont1_sec .sec1_stepr{width: 30px;height: 30px;}
.cont1_sec .sec1_stepl::after,
.cont1_sec .sec1_stepr::after{font-size: 16px;line-height: 30px;} */
}

@media screen and (max-width: 568px){
  .sec4{margin-top:50px;}
	.sec4head{width:20%; top:32%; right:14px;}
	.vzhome_bantext h1 span,
	.vzhome_bantext h1{font-size: 36px;}
	.vzhome_bantext .vzhome_bantextp{font-size: 16px;}
	.voice_nav .voice_navitem{font-size: 16px;}

	.content1{padding-top: 50px;}
	.title_2{font-size: 28px;}
	.title_3{margin-top: 50px;font-size: 24px; }
	.title_3{margin-top: 50px;}
	.cont_p{margin: 20px auto;}
	
	.cont2_stepitem h4{font-size: 18px;}
	.cont2_stepitem p{font-size: 14px;}
	.cont2_stepitem .img1{width: 24px;}
	.cont2_stepitem .img2{width: 24px;}
	.cont2_stepitem::after{top: 4px;}
	.cont2_stepitem::before{top: 9px;}

	.cont2_stepitem {padding-left: 36px;margin-bottom: 20px;}
	.cont2_stepitem .liner {height: calc(100% - 17px);left: 10px;top: 35px;}
	.cont2_stepbox{height: 360px;}
	.comment_item .comment_name,
	.comment_item .comment_text{font-size: 14px;}

	.faq_item{margin-top: 15px;padding: 20px 0;}
	.cont_hot a{padding: 20px 10px;}

	.sec3_nav .sec3_nav_item{font-size: 14px;}


}
@media screen and (max-width: 414px){
	.cont2_stepbox{height: 400px;}
	.comment_cont{height: 620px;}
}
@media screen and (max-width: 400px){
}
@media screen and (max-width: 374px){

}
@media screen and (max-width: 325px){

}