.vt-diagram-wrap {
	display: flex;
	justify-content: center;
}
.vt-diagram-box {
	width: 136rem;
	height: 90.6rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
/* 	border: 1px solid yellow; */
}
.vt-diagram-van {
	width: 104.7rem;
	max-width: 100%;
	z-index: 2;
}
.vtd-shapes {
	width: 33rem;
	height: 5.1rem;
	position: absolute;
	bottom: 21rem;
	left: 27rem;
	z-index: 1;
}
.vtd-shape-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1);
  transform-origin: center;
  animation: rdsbRippleLoop 5s ease-out infinite;
}

/* stagger each ring by 5s / 6 rings ≈ 0.833s */
.vtd-shape-item:nth-child(1) { animation-delay: 0s; }
.vtd-shape-item:nth-child(2) { animation-delay: 0.833s; }
.vtd-shape-item:nth-child(3) { animation-delay: 1.667s; }
.vtd-shape-item:nth-child(4) { animation-delay: 2.5s; }
.vtd-shape-item:nth-child(5) { animation-delay: 3.333s; }
.vtd-shape-item:nth-child(6) { animation-delay: 4.167s; }

@keyframes rdsbRippleLoop {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  15% {
    opacity: 0.6;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.vtd-bg-shape {
	width: 192rem;
	position: absolute;
	max-width: 100%;
}
.vtd-line-single {
	position: absolute;
	flex-direction: column;
	display: flex;
/* 	gap: 2rem; */
/* 	border: 1px solid #fff; */
	z-index: 3;
}
.vtd-line-1 {
	top: 2rem;
	left: 42.7rem;
}
.vtd-line-2 {
	top: 9.3rem;
	left: 22.4rem;
}
.vtd-line-3 {
	top: 35rem;
	left: 13.3rem;
}
.vtd-line-4 {
	bottom: 2rem;
	left: 71rem;
	flex-direction: column-reverse;
}
.vtd-line-5 {
	top: 6.2rem;
	left: 86.7rem;
}
.vtd-line-6 {
	top: -2.8rem;
	left: 80.3rem;
}

.vtd-line-2 .vtd-line-svg-dot {
	left: 25rem;
	width: max-content;
}
.vtd-line-3 .vtd-line-svg-dot {
	left: 6rem;
}
.vtd-line-4 .vtd-line-svg-dot {
	bottom: 21rem;
}
.vtd-line-name {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 1rem;
}
.vtd-line-name.active .vtd-line-name-l1, .vtd-line-name:hover .vtd-line-name-l1 {
	background-color: #F15927;
}
.vtd-line-name-l1 {
	width: 4.2rem;
	height: 4.2rem;
	border: .1rem solid #F15927;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.7rem;
	font-weight: 700;
	transition: all .3s;
}
.vtd-line-svg-dot {
	display: flex;
	position: relative;
	bottom: 1.7rem;
	left: -1.6rem;
}
.vtd-line-svg-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
	left: 2.1rem;
}
.vtd-line-4 .vtd-line-name {
	position: relative;
	top: -4rem;
	left: -5rem;
}
.vtd-line-5 .vtd-line-name {
	position: relative;
	right: -7rem;
}

.vtd-tab-head {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
}
.vt-diagram-tab {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*width: 100%;*/
	display: none;
}
.vt-diagram-tab.active {
	display: block;
}
.vt-diagram-tabs {
	width: 41.1rem;
	position: absolute;
	padding: 3rem 3.4rem 4.3rem;
	background: rgba(0, 0, 0, 0.42);
	border: .1rem solid #575453;
	z-index: 5;
	top: 12rem;
	right: -8rem;
	border-radius: 2.6rem;
}
.vt-diagram-tabs-inner {
	width: 100%;
	height: 100%;
	position: relative;
}
.vtd-tab-head-l {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 2.2rem;
}
.vtd-tab-head-num {
	width: 5.8rem;
	height: 5.8rem;
	background: #141414;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border-radius: 50%;
	border: .1rem solid #343434;
}
.vtd-tab-head-l-icon {
	width: 10rem;
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vtd-tab-head-l-icon img {
	max-width: 100%;
	max-height: 100%;
}
.vtd-tab-text {
	font-size: 2.4rem;
	line-height: normal;
	margin-top: 1rem;
}
.vtd-tab-boxs {
	margin-top: 4rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.vtd-tab-box {
	padding: 2.2rem 3.7rem;
	background: rgba(45, 45, 45, 0.50);
	border-radius: 1.2rem;
	display: flex;
	align-items: center;
	gap: 3.2rem;
}
.vtd-tab-box-text h4 {
	font-size: 2rem;
	font-weight: 400;
}
.vtd-tab-box-text p {
	margin-top: 1rem;
}
.vtd-tab-notice {
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-top: 4rem;
	border-top: .1rem solid #6D6D6D;
	padding-top: 2.3rem;
}
.vtd-tab-box-icon {
	width: 6.2rem;
	height: 6.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vt-diagram-mob {
	display: none;
}
.vt-diagram-area {
	padding-top: 6rem;
	padding-bottom: 16rem;
}
@media only screen and (max-width: 1050px) {
	.vt-diagram-wrap {
		display: none;
	}
	.vt-diagram-mob {
		display: block;
	}
	.vt-diagram-area {
		padding-top: 14px;
		padding-bottom: 43px;
	}
}