:root {
	--head: 3.645vw;
	--color: #B5FF38;
}

.co-w {
	color: #fff;
}

.co-m {
	color: var(--color);
}

.co-h {
	color: #C5C5C9;
}

.head-zhanwei {
	height: var(--head);
}

svg {
	display: block;
	width: 100%;
	height: 100%;
}

.C-wrap {
	width: 66.666vw;
	margin: 0 auto;
	transition: all 0.5s;
}

.C-btn1 {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1;
	transition: all ease .3s;
	cursor: pointer;
	padding: 0.625vw 3.645vw;
	border-radius: 8px;
	background: #070707;
	color: var(--color);
	box-shadow: 0 0.104vw 0.312vw 0 rgba(0, 0, 0, 0.14), 0 0.156vw 0.364vw 0 rgba(255, 255, 255, 0.33) inset;
}

.C-btn1 .icon {
	width: 1.927vw;
	margin-left: 1.25vw;
}

.C-btn1:hover {
	background: var(--color);
	color: #000;
	box-shadow: 0 0.104vw 0.312vw 0 rgba(0, 0, 0, 0.14), 0 0.156vw 0.364vw 0 rgba(255, 255, 255, 0.33) inset;
}


.C-btn2 {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1;
	transition: all ease .3s;
	cursor: pointer;
	width: 19.583vw;
	padding: 0.937vw 1.25vw;
	border-radius: 8px;
	border: 1px solid #000;
	color: #000;
}

.C-btn2:hover {
	background: var(--color);
	border: 1px solid var(--color);
}

.C-btn3 {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1;
	transition: all ease .3s;
	cursor: pointer;
	width: 19.583vw;
	padding: 0.937vw 1.25vw;
	border-radius: 8px;
	background: #070707;
	border: none;
	color: var(--color);
}

.C-btn3:hover {
	background: var(--color);
	color: #000;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: var(--head);
	padding: 0 5.208vw;
	transition: all ease .3s;
	color: #fff;
}

.isback .head1 {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-100%);
}

.scroll .head1 {
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(0.156vw);
	backdrop-filter: blur(0.156vw);
}

.head1 .logo {
	width: 10.208vw;
}

.head1 .menu {
	gap: 1.979vw;
	height: 100%;
}

.head1 .link {
	height: 100%;
}

.head1 .link>a {
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	transition: all ease 0.1s;
}

.head1 .link.on>a,
.head1 .link:hover>a {}



.started {
	margin-left: 2.083vw;
	padding: 0.677vw 1.55vw;
	border-radius: 8px;
	background: var(--color);
	color: #191919;
	box-shadow: 0 0.104vw 0.312vw 0 rgba(0, 0, 0, 0.14), 0 0.156vw 0.364vw 0 rgba(255, 255, 255, 0.33) inset;
}

.started:hover {
	background: #fff;
}

footer {
	background: #000;
	padding: 11.562vw 13.645vw 0;
	position: relative;
	overflow: hidden;
}

.foot-guang {
	position: absolute;
	left: -30%;
	top: -14.583vw;
	width: 142.916vw;
	animation: footguang 10s ease infinite alternate;
	z-index: 1;
}

@keyframes footguang {
	0% {
		transform: scale(0.5) translateX(-20%);
	}

	40% {
		transform: scale(1) translateX(-20%);
	}

	80% {
		transform: scale(0.5) translateX(20%);
	}

	100% {
		transform: scale(1) translateX(20%);
	}
}

.foot1 {
	position: relative;
	z-index: 3;
}

.foot1 .zuo .logo {
	width: 6.406vw;
}

.foot1 .foot-link {
	gap: 4.25vw;
}

.foot1 .foot-link ul {
	min-width: 7.2917vw;
}

.foot1 .foot-link ul:last-child {
	width: auto;
}

.foot1 .foot-link a {
	display: block;
}

.foot1 .a1 {
	margin-bottom: 1.041vw;
}

.foot1 .a2 {
	margin-bottom: 0.625vw;
}

.foot2 {
	position: relative;
	z-index: 3;
	margin-top: 15.104vw;
	align-items: flex-end;
}

.foot2 .zuo {
	width: 50.312vw;
	transform: translate(-1.0417vw, -1.0417vw);
}

.foot2 .shares .list {
	margin-top: 1.562vw;
	gap: 0.625vw;
}

.foot2 .shares .list .item {
	width: 2.291vw;
}


.foot4 {
	position: relative;
	z-index: 3;
	padding: 2.187vw 0;
}

.foot4 .you {
	gap: 1.25vw;
}

.foot4 a:hover {
	text-decoration: underline;
}

.dot-grid__wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.dot-grid__wrap canvas {
	display: block;
	width: 100%;
	height: 100%;
}





/* -----------------------------------------首页-------------------------------------- */

.home1 {
	position: relative;
	background: #000;
	color: #fff;
	width: 100%;
	height: 100vh;
	min-height: 700px;
	overflow: hidden;
}

.home1 .intr {
	position: relative;
	z-index: 10;
}

.home1 .t2 {
	margin: 1.666vw 0 0.729vw;
}

.home1 .sec2 {
	position: relative;
	width: 50.677vw;
}

.home1 .sec2 .pic {
	width: 27.604vw;
}

.home1 .sec2 .num-item {
	position: absolute;
	width: max-content;
}

.home1 .sec2 .num-item .countUp {
	font-family: 'Poppins';
	font-weight: 600;
}

.home1 .sec2 .num-item:nth-child(1) {
	left: -2.343vw;
	top: 4.27vw;
}

.home1 .sec2 .num-item:nth-child(2) {
	left: 6.77vw;
	bottom: 1.041vw;
}

.home1 .sec2 .num-item:nth-child(3) {
	left: 28.802vw;
	bottom: 1.041vw;
}

.home1 .sec2 .num-item:nth-child(4) {
	right: -2.343vw;
	top: 4.27vw;
}

.home1 .C-btn1 {
	margin: 3.854vw 0 0;
}

.home1 .xfpic {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	user-select: none;
}

.home1 .bg1 {
	left: -10%;
	bottom: -30%;
	animation: home1bg1 30s ease infinite alternate;
	width: 153.02vw;
	z-index: 1;
}

@keyframes home1bg1 {
	20% {
		transform: translate(-20%, 5.208vw);
	}

	40% {
		transform: translate(-10%, 4.166vw) scale(1.4) rotate(-7deg);
	}

	60% {
		transform: translate(5%, -10%) scale(1.2) rotate(-24deg);
	}

	80% {
		transform: translate(-25%, 19.791vw) scale(1.6) rotate(7deg);
	}

	100% {
		transform: translate(-30%, 9.375vw) scale(1.2) rotate(-14deg);
	}
}

.home1 .bg2 {
	left: 7.291vw;
	top: 12.656vw;
	width: 11.979vw;
	animation: piaofu 8s ease infinite alternate;
}

.home1 .bg3 {
	right: 10.781vw;
	bottom: 8.489vw;
	width: 11.979vw;
	animation: piaofu 10s ease infinite alternate;
}

.home1 .bg4 {
	left: 0;
	bottom: 0;
	width: 31.458vw;
}

.home1 .bg5 {
	left: 13.541vw;
	top: 19.166vw;
	width: 0.781vw;
	height: 4.166vw;
	background: var(--color);
}

.home1 .bg6 {
	right: 14.583vw;
	bottom: 13.541vw;
	width: 0.781vw;
	height: 5.833vw;
	background: var(--color);
}

@keyframes piaofu {
	0% {
		transform: translateY(-0.52vw) scaleY(1.00) blur(0vw);
		opacity: 1;
	}

	40% {
		transform: translateY(1.041vw) scaleY(1.07);
		opacity: 0.95;
	}

	100% {
		transform: translateY(2.083vw) scaleY(1.12);
		opacity: 0.85;
	}
}

.font-onsite {
	position: relative;
}

.font-onsite .onsite:nth-child(1) {
	color: rgba(0, 0, 0, 0.30);
}

.font-onsite .onsite:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* color: var(--color); */
	color: #000;
}

.font-onsite2 {
	position: relative;
}

.font-onsite2 .onsite:nth-child(1) {
	color: #4E4C50;
}

.font-onsite2 .onsite:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}

.font-onsite2.theme2 .onsite:nth-child(1) {
	color: rgba(0, 0, 0, 0.10);
}

.font-onsite2.theme2 .onsite:nth-child(2) {
	color: #000;
}

.home2 {
	position: relative;
	height: 400vh;
}

.home2 .pin {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: radial-gradient(288% 235% at 250% 135%, #B5FF38 0%, #FFF 100%);
}

.home2 .type-box {
	padding-right: 5.208vw;
	color: #000;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.home2 .type-box .t1 {
	text-transform: uppercase;
}

.home2 .type-box .t1 b {
	font-weight: 800;
}

.home2 .type-box .t2 {
	margin: 0.625vw 0 0;
	width: 24.843vw;
}

.home2 .sec2 {
	margin: 3.854vw 0 1.927vw;
}

.home2 .sec2 .tab-item {
	display: none;
}

.home2 .sec2 .tab-item.on {
	display: flex;
}

.home2 .sec2 .zuo {
	flex: 1;
	padding: 0 2.343vw 0 18.489vw;
}

.home2 .sec2 .zuo .intr {
	position: relative;
}

.home2 .sec2 .zuo .intr .pic {
	position: absolute;
	right: 100%;
	top: -0.52vw;
	margin-right: 0.781vw;
	width: 2.187vw;
	height: 2.187vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #000;
	border-radius: 100%;
}

.home2 .sec2 .zuo .intr .pic img {
	width: 1.041vw;
}

.home2 .sec2 .zuo .t4 {
	margin: 0.989vw 0 1.718vw;
	line-height: 1.16;
}

.home2 .sec2 .zuo .ul {
	margin-top: 1.562vw;
}

.home2 .sec2 .zuo .ul .li {
	position: relative;
	margin-bottom: 1.562vw;
}

.home2 .sec2 .zuo .ul .li .icon {
	position: absolute;
	right: 100%;
	top: -0.104vw;
	width: 1.354vw;
	margin-right: 0.625vw;
}

.home2 .sec2 .zuo .ul .t7 {
	margin-top: 0.625vw;
}

.home2 .sec2 .you {
	width: 47.656vw;
}

.home2 .sec2 .tab-item.on .zuo {
	animation: fadeInLeft 0.6s ease forwards;
}

.home2 .sec2 .tab-item.on .you {
	animation: fadeInRight 0.6s ease forwards;
}

.home2 .sec3 {
	padding: 0 14.062vw;
	position: relative;
}

.home2 .sec3 .line {
	position: absolute;
	left: 0;
	top: 1.041vw;
	width: 100%;
	height: 0.104vw;
	background: rgba(0, 0, 0, 0.20);
	opacity: 0;
	--i: 0%
}

.home2 .sec3 .line::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: var(--i);
	max-width: 100%;
	height: 100%;
	background: #000;
}

.home2 .sec3 .list .item {
	width: 16%;
}

.home2 .sec3 .list .item .icon {
	width: 2.187vw;
	height: 2.187vw;
	margin: 0 auto 0.416vw;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid #000;
	border-radius: 100%;
	background: #fff;
}

.home2 .sec3 .list .item .icon img {
	width: 1.041vw;
}

.home2 .sec3 .list .item .icon img:nth-child(2) {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.home2 .sec3 .list .item.on .icon {
	background: #000;
}

.home2 .sec3 .list .item.on .icon img:nth-child(1) {
	opacity: 0;
}

.home2 .sec3 .list .item.on .icon img:nth-child(2) {
	opacity: 1;
}



.proscenium {
	position: relative;
	height: 200vh;
}

.proscenium .pin {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.home3 {
	width: 100%;
	height: 100%;
}

.home3::before {
	position: absolute;
	left: 178px;
	top: 62px;
	display: block;
	content: '';
	width: 793px;
	height: 793px;
	border-radius: 793px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), radial-gradient(149.1% 73.99% at 50.11% 52.02%, #A0F90B 0%, rgba(255, 255, 255, 0.00) 100%);
	mix-blend-mode: screen;
	z-index: 4;
	display: none;
}

.home3 .pic {
	width: 34.687vw;
}

.home3 .t1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 58.906vw;
	text-align: center;
	font-weight: 700;
}

.home4-bg {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, -50%) scale(0);
	border-radius: 100%;
	width: 200vw;
	height: 200vw;
	background: #000;
	z-index: 1;
	pointer-events: none;
}

.home4 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
}

.home4 .type-box {
	position: absolute;
	right: 5.364vw;
	top: 10%;
	z-index: 5;
	color: #fff;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.home4 .type-box .t1 {
	text-transform: uppercase;
}

.home4 .type-box .t1 b {
	font-weight: 700;
}

.home4 .type-box .t2 {
	margin: 0.625vw 0;
	width: 24.843vw;
}

.ripple-grid-container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.ripple-grid-container canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.home4 .t4 {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-weight: 600;
	color: rgba(255, 255, 255, 0.30);
	color: #fff;
	z-index: 2;
	pointer-events: none;
}

.home4 .bg1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	pointer-events: none;
}

.home5 {
	padding: 7.708vw 18.75vw 6.25vw;
}

.C-title .k2 {
	width: 36.093vw;
	margin: 1.25vw auto 0;
}

.home5 .list {
	margin-top: 2.916vw;
	gap: 1.354vw 0;
}

.home5 .item {
	width: 37.5vw;
	padding: 2.343vw 2.5vw 2.708vw;
	border-radius: 8px;
	background: #0A0C0E;
	color: #fff;
	display: flex;
	flex-direction: column;
}

.home5 .item.theme2 {
	width: 23.437vw;
	background: #B5FF38;
	color: #000;
}

.home5 .item .pic {
	width: 80%;
	margin: 1.718vw auto 0;
}

.home5 .item .intr {
	margin-bottom: auto;
}

.home5 .item .t2 {
	margin-top: 0.416vw;
	line-height: 1.6;
}

.home5 .item .t2 span {
	font-weight: 700;
	color: var(--color);
}

.home5 .C-btn2 {
	margin-top: 2.916vw;
}

.home5 .sec2 {
	position: relative;
	width: 100%;
	margin: 2.395vw 0 0;
}

.home5 .sec2 .icon {
	position: relative;
}

.home5 .sxlb {
	width: 8.333vw;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	height: 98%;
	left: 0;
	align-items: flex-end;
	overflow: hidden;
	z-index: 0;
}

.home5 .sxlb:nth-child(2) {
	left: auto;
	right: 0;
	align-items: flex-start;
}

.home5 .sxlb .gd {
	animation: gdtop 14s linear infinite;
}

@keyframes gdtop {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50%);
	}
}

.home5 .sxlb span {
	display: block;
	text-align: center;
	padding: 0.312vw 0.729vw;
	margin-bottom: 0.833vw;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(255, 255, 255, 0.06);
}










.home6 .btn-group1 {
	margin: 2.343vw 0;
}

.btn-group1 {
	gap: 0.52vw;
}

.sbtn1 {
	width: 2.187vw;
	cursor: pointer;
}

.home6 .swiper-father {
	padding: 0 17.916vw;
}

.home6 .swiper {
	overflow: visible;
}

.home6 .swiper-slide {
	width: 29.687vw;
	min-height: 270px;
	height: auto;
	padding: 1.614vw;
	border-radius: 6px;
	border: 1px solid #CBCBCB;
	background: #FEFEFE;
}

.home6 .swiper-slide .user .bg {
	width: 3.125vw;
	height: 3.125vw;
	margin-right: 0.52vw;
	border-radius: 100%;
	overflow: hidden;
}

.home6 .swiper-slide .user .text {
	flex: 1;

}

.home6 .swiper-slide .t4 {
	line-height: 1.6;
	margin-top: 1.25vw;
}

.home7 {
	padding: 6.25vw 0 8.125vw;
	overflow: hidden;
}

.home7 .k1 {
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 1.2;
	overflow: hidden;
	position: relative;
}
.home7 .k1 p{
	margin-right: 0.5em;
}

.home7 .k1 .line {
	width: max-content;
	animation: textgd 36s linear infinite;
}

.home7 .k1 .line:nth-child(2) {
	animation: textgd2 36s linear infinite;

	/* animation: none; */
}

@keyframes textgd {
	0% {
		transform: translate(0%, 0) scale3d(1, 1, 1);
	}

	100% {
		transform: translate(-50%, 0) scale3d(1, 1, 1);
	}
}

@keyframes textgd2 {
	0% {
		transform: translate(-50%, 0) scale3d(1, 1, 1);
	}

	100% {
		transform: translate(0%, 0) scale3d(1, 1, 1);
	}
}

.home7 .k1 .guang {
	position: absolute;
	left: 0;
	top: -13.02vw;
	width: 41.302vw;
	height: 41.302vw;
	background: url('/img/home7-i1.svg') no-repeat center/contain;
	mix-blend-mode: screen;
	will-change: mix-blend-mode;
	z-index: 2;
	transform: translateX(calc(var(--mouse-x) * 0.052vw));
}

.home7 .t2 {
	margin: 4.427vw 0 2.343vw;
}

.home7 form {
	width: 66.614vw;
	margin: 0 auto;
}

.home7 .type-input {
	width: 21.822vw;
}

.home7 .type-input input {
	padding: 0 1.041vw;
	height: 2.604vw;
	border-radius: 4px;
	border: 1px solid #000;
	transition: all ease .3s;
}

.home7 .type-input input:focus {
	box-shadow: 0 0 0.453vw 0 #B5FF38;
}

.home7 .type-textarea {
	width: 100%;
	margin-top: 1.25vw;
}

.home7 .type-textarea textarea {
	padding: 0.833vw 1.041vw;
	height: 8.177vw;
	border-radius: 4px;
	border: 1px solid #000;
	transition: all ease .3s;
}

.home7 .type-textarea textarea:focus {
	box-shadow: 0 0 0.453vw 0 #B5FF38;
}

.home7 input::placeholder {
	color: rgba(0, 0, 0, 0.50);
}

.home7 textarea::placeholder {
	color: rgba(0, 0, 0, 0.50);
}

.home7 .C-btn3 {
	margin-top: 0.833vw;
}








.at1 {
	position: relative;
	background: #000;
	color: #fff;
	width: 100%;
	height: 100vh;
	min-height: 700px;
	overflow: hidden;
}

.at1 .t1 {
	position: absolute;
	left: 5.208vw;
	top: 20.052vw;
	font-weight: 400;
	z-index: 2;
}

.at1 .num-list {
	position: relative;
	z-index: 5;
}

.at1 .num-item {
	position: absolute;
	width: max-content;
	border-radius: 8px;
	border: 1px solid rgba(0, 255, 136, 0.20);
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(0.104vw);
	padding: 0.781vw 0.989vw;
}

.at1 .num-item .t4 {
	color: #D1D5DB;
}

.at1 .num-item:nth-child(1) {
	left: 8.958vw;
	top: 25.885vw;
}

.at1 .num-item:nth-child(2) {
	left: 36.562vw;
	top: 26.51vw;
}

.at1 .num-item:nth-child(3) {
	left: 25vw;
	top: 34.791vw;
}


.at1 .xfpic {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	user-select: none;
}

.at1 .bg1 {
	left: 31.458vw;
	top: 7.656vw;
	width: 11.979vw;
	animation: piaofu 8s ease infinite alternate;
}

.at1 .bg2 {
	right: 0;
	top: 9.01vw;
	width: 13.541vw;
	animation: piaofu 6s ease infinite alternate;
}

.at1 .bg3 {
	left: 6.458vw;
	bottom: 3.489vw;
	width: 11.979vw;
	animation: piaofu 10s ease infinite alternate;
}

.at1 .bg4 {
	right: 35.729vw;
	bottom: 0;
	width: 11.979vw;
	animation: piaofu 12s ease infinite alternate;
}

.at1 .bg5 {
	right: 9.479vw;
	top: 10.26vw;
	width: 31.979vw;
}

.at1 .bg6 {
	left: -5%;
	bottom: 0%;
	animation: atbg6 30s ease infinite alternate;
	width: 156.666vw;
	z-index: 1;
}

.at1 .xfpic.point {
	width: 0.781vw;
	background: var(--color);
}

.at1 .bg7 {
	left: 36.458vw;
	top: 14.062vw;
	height: 4.166vw;
}

.at1 .bg8 {
	right: 7.291vw;
	top: 12.656vw;
	height: 4.01vw;
}

.at1 .bg9 {
	left: 14.27vw;
	bottom: 7.656vw;
	height: 5.833vw;
}

.at1 .bg10 {
	right: 41.979vw;
	bottom: 5.572vw;
	height: 4.947vw;
}

@keyframes atbg6 {
	20% {
		transform: translate(-30%, 5.208vw) rotate(3deg);
	}

	40% {
		transform: translate(-40%, 4.166vw) scale(1.7);
	}

	60% {
		transform: translate(20%, -9.375vw) rotate(-8deg);
	}

	80% {
		transform: translate(-10%, 4.166vw) scale(1.4);
	}

	100% {
		transform: translate(0%, 9.375vw);
	}
}

.at8 {
	padding: 2.083vw 0 0;
}

.at8 .title {
	padding-left: 5.729vw;
}

.at8 .main {
	padding: 3.541vw 11.302vw 0.781vw 16.666vw;
	align-items: flex-end;
}

.at8 .zuo {
	width: 30.833vw;
	border-radius: 12px;
	background: #000;
	padding: 1.718vw 1.718vw 2.604vw;
	color: #fff;
}

.at8 .zuo .dt {
	margin-bottom: 1.666vw;
}

.at8 .zuo .dt .icon {
	width: 1.25vw;
	margin-right: 0.625vw;
}

.at8 .zuo .dt p {
	flex: 1;
}

.at8 .zuo .dd:nth-last-child(n+2) {
	margin-bottom: 2.083vw;
}

.at8 .zuo .dd-list {
	gap: 0.833vw;
	margin: 0.416vw 0;
}

.at8 .zuo .dd-list .t5 {
	color: #9CA3AF;
}

.at8 .zuo .dd-list .t6 {
	margin-top: 0.208vw;
	text-align: center;
	padding: 0.312vw;
	border-radius: 4px;
	background: rgba(250, 164, 86, 0.20);
	color: #FAA456;
	font-weight: 700;
}

.at8 .zuo .dd-list .col:nth-child(2) .t6 {
	background: rgba(180, 255, 55, 0.20);
	color: #B4FF37;
}

.at8 .zuo .dd .t7 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
}

.at8 .zuo .dd .t7 .icon {
	width: 0.833vw;
	margin-right: 0.416vw;
}

.at8 .zuo .dd .t7 p {
	flex: 1;
}

.at8 .zuo .dd .t7.theme1 {
	color: #B4FF37;
}

.at8 .zuo .dd .t7.theme2 {
	color: #4DD0E1;
}


.at8 .you {
	width: 34.062vw;
	padding-bottom: 2.083vw;
}

.at9 {
	position: relative;
}

.at9 .main {
	padding: 6.25vw 11.302vw 6.25vw 16.666vw;
	gap: 8.854vw;
}

.at9 .item {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.25);
	padding: 3.333vw 3.333vw 3.125vw;
}

.at9 .item .icon {
	width: 15.52vw;
	margin: 0 auto;
}

.at9 .item .intr {
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
}

.at9 .item .t1 {
	margin: 0.625vw 0 1.25vw;
}

.at9 .xfpic {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}




/* -----------------------------------------at4版块-------------------------------------- */
.at-section {
	padding: 5vw 0 4.375vw;
	display: none;
}

.at-section.on {
	display: block;
}

.at4 {
	width: 100%;
	background: #000000;
	position: relative;
	margin: 0 auto;
}

.at-section-title {
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 5.572vw;
}

.at4-container {
	width: 66.666vw;
	margin: 0 auto;
	padding: 0 1.25vw;
	display: flex;
	gap: 3.333vw;
}

.at4-left-cards {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	gap: 2.5vw;
}

.at4-right-cards {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	gap: 2.5vw;
}

.at4-left-cards>div,
.at4-right-cards>div {
	display: flex;
	flex-direction: column;
	gap: 2.083vw;
}

.at4-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	backdrop-filter: blur(0.208vw);
	padding: 1.718vw;
	display: flex;
	flex-direction: column;
	gap: 0.833vw;
}

.at4-card-1 {
	align-self: stretch;
}

.at4-card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
	width: 100%;
}

.at4-card-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at4-card-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-card-title {
	font-family: Inter, sans-serif;
	font-weight: 600;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0;
}

.at4-card-title-small {
	font-family: Inter, sans-serif;
	font-weight: 600;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0;
}

.at4-card-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.3em;
	color: #D1D5DB;
	width: 26.822vw;
}

.at4-card-features {
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	padding-top: 0.416vw;
	width: 22.604vw;
}

.at4-feature-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at4-feature-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at4-feature-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-feature-text {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.3em;
	color: #D1D5DB;
}

.at4-card-buttons {
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	width: 26.093vw;
}

.at4-button-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0.625vw 0.885vw;
	position: relative;
}

.at4-button-icon-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
	height: 100%;
}

.at4-button-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at4-button-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-button-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: left;
	color: #FFFFFF;
}

.at4-button-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: left;
	color: #B4FF37;
	width: auto;
	margin: 0.416vw 0 0 1.562vw;
}

.at4-card-3 {
	width: 30.729vw;
	background: linear-gradient(157deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 1.718vw;
	gap: 0;
	position: relative;
}

.at4-card-stats {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 27.291vw;
	margin-top: 0.416vw;
}

.at4-stat-number {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.4em;
	text-align: center;
	color: #B4FF37;
}

.at4-stat-text {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	text-align: center;
	color: #D1D5DB;
}

.at4-registry-overlay {
	width: 27.291vw;
	background: rgba(10, 29, 60, 0.4);
	border-radius: 8px;
	padding: 0;
	display: flex;
	padding: 0 0 0.52vw;
	flex-direction: column;
	justify-content: flex-start;
}

.at4-registry-list {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2.239vw;
	margin: 1.041vw 0 0 2.031vw;
}

.at4-registry-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.208vw;
	width: 6.25vw;
}

.at4-registry-icon {
	width: 1.25vw;
	height: 1.041vw;
	margin-bottom: 0.208vw;
}

.at4-registry-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-registry-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 0.26vw 0.468vw;
	background: #0A1D3C;
	border: 1px solid #B4FF37;
	border-radius: 4px;
	height: 3.645vw;
	text-align: center;
}

.at4-registry-item:first-child .at4-registry-box {
	align-items: center;
}

.at4-registry-item:not(:first-child) .at4-registry-box {
	align-items: flex-start;
}

.at4-registry-name {
	font-family: Inter, sans-serif;
	font-weight: 500;
	line-height: 1.2em;
	color: #B4FF37;
	margin-bottom: 0.208vw;
}

.at4-registry-item:first-child .at4-registry-name {
	text-align: center;
}

.at4-registry-item:not(:first-child) .at4-registry-name {
	text-align: left;
}

.at4-registry-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.2em;
	color: #FFFFFF;
}

.at4-registry-item:first-child .at4-registry-desc {
	text-align: center;
}

.at4-registry-item:not(:first-child) .at4-registry-desc {
	text-align: left;
}

.at4-registry-lines {
	width: 100%;
	display: flex;
	justify-content: center;
	animation: at4-registry 4s cubic-bezier(0.31, 0, 0.43, 0.95) infinite;
}

@keyframes at4-registry {
	0% {
		transform: translate(0, 0);
		opacity: 1;
	}

	15% {
		transform: translate(0, -50%);
		opacity: 0.3;
	}

	40% {
		opacity: 1;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.at4-line-1 {
	width: 1.562vw;
}

.at4-registry-footer {
	width: 100%;
	height: 1.406vw;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
	color: #FFFFFF;
	margin: 0.52vw 0 1.25vw;
}

.at4-card-4 {
	background: linear-gradient(146deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 1.718vw;
	gap: 1.145vw;
}

.at4-knowledge-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.729vw;
	width: 100%;
}

.at4-knowledge-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.833vw;
	width: 100%;
	border-radius: 8px;
	position: relative;
	padding: 0.833vw 0.833vw 0.833vw 1.041vw;
	background: rgba(255, 255, 255, 0.05);
	border-left: none;
	gap: 0.833vw;
}

.at4-knowledge-item:hover {
	padding: 0.833vw 0.833vw 0.833vw 1.145vw;
	background: rgba(255, 255, 255, 0.1);
	border-left: 4px solid #B4FF37;
}

.at4-knowledge-item-3 {
	padding: 0.937vw 0.833vw 0.833vw 1.041vw;
}

.at4-knowledge-bg {
	width: 2.604vw;
	height: 2.604vw;
	flex-shrink: 0;
}

.at4-knowledge-item-2 .at4-knowledge-bg,
.at4-knowledge-item-3 .at4-knowledge-bg {
	width: 2.5vw;
	height: 2.5vw;
}

.at4-knowledge-bg img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-knowledge-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.at4-knowledge-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.4em;
	color: #FFFFFF;
	margin-bottom: 0.208vw;
}

.at4-knowledge-item-2 .at4-knowledge-title,
.at4-knowledge-item-3 .at4-knowledge-title {
	line-height: 1.3em;
}

.at4-knowledge-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.16em;
	color: #9CA3AF;
}

.at4-knowledge-item-2 .at4-knowledge-desc,
.at4-knowledge-item-3 .at4-knowledge-desc {
	line-height: 1.11em;
}

.at4-card-tech {
	width: 64.166vw;
	margin: 0 auto;
	margin-top: 3.333vw;
	background: linear-gradient(177deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.885vw 1.718vw 1.718vw;
	gap: 1.666vw;
}

.at4-tech-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

.at4-tech-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.25vw;
	width: 100%;
}

.at4-tech-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 1.302vw;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	gap: 0.833vw;
}

.at4-tech-icon {
	width: 2.5vw;
	height: 3.333vw;
	display: flex;
	flex-direction: column;
	padding-bottom: 0.833vw;
}

.at4-tech-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at4-tech-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	color: #FFFFFF;
}

.atsection-next {
	position: absolute;
	right: 5.937vw;
	bottom: 3.645vw;
	width: 6.354vw;
	height: 3.281vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.364vw;
	cursor: pointer;
}

.atsection-next .text {
	font-weight: 600;
	line-height: 1.5em;
	color: #B4FF37;
	width: 5vw;
}

.atsection-next svg {
	display: block;
	width: 1.041vw;
	height: auto;
}

/* -----------------------------------------at5版块-------------------------------------- */
.at5 {
	width: 100%;
	background: #000000;
	position: relative;
	margin: 0 auto;
}

.at5-container {
	width: 66.666vw;
	margin: 0 auto;
	padding: 0 1.25vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 2.5vw;
	margin-top: 3.333vw;
}

.at5-left-cards,
.at5-right-cards {
	display: flex;
	flex-direction: column;
	gap: 2.083vw;
	flex: 1;
}

.at5-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	backdrop-filter: blur(0.208vw);
	padding: 1.718vw;
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
}

.at5-card-1 {
	background: linear-gradient(161deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	gap: 0;
}

.at5-card-1 .at5-card-header {
	margin-bottom: 0;
}

.at5-card-2 {
	background: linear-gradient(134deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.at5-card-3 {
	background: linear-gradient(156deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.at5-card-4 {
	background: linear-gradient(146deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.15);
	gap: 1.145vw;
}

.at5-card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at5-card-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at5-card-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at5-card-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	margin: 0;
}

.at5-card-2 .at5-card-title,
.at5-card-3 .at5-card-title,
.at5-card-4 .at5-card-title {
	font-weight: 600;
	line-height: 1.5em;
}

.at5-card-4 .at5-card-title {
	font-weight: 700;
}

.at5-card-content {
	display: flex;
	flex-direction: column;
	gap: 0.833vw;
	width: 27.395vw;
	margin-top: 1.25vw;
}

.at5-steps-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0.416vw;
	width: 100%;
}

.at5-step-item {
	background: rgba(180, 255, 55, 0.1);
	border: 1px solid rgba(180, 255, 55, 0.3);
	border-radius: 8px;
	padding: 0.677vw;
	flex: 1;
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.at5-workflow-box {
	background: rgba(10, 29, 60, 0.5);
	border: 2px dashed rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	padding: 1.77vw;
	display: flex;
	flex-direction: column;
	gap: 0.208vw;
}

.at5-workflow-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	color: #FFFFFF;
}

.at5-workflow-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: center;
	color: #B4FF37;
}

.at5-buttons-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.312vw;
	width: 100%;
	position: relative;
}

.at5-btn {
	background: rgba(250, 164, 86, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0.468vw 0.364vw;
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: center;
	color: #FAA456;
	display: flex;
	align-items: center;
	justify-content: center;
}

.at5-btn-active {
	background: rgba(180, 255, 55, 0.2);
	color: #B4FF37;
	width: 5.729vw;
}

.at5-btn:nth-child(3) {
	width: 4.322vw;
}

.at5-btn:nth-child(4) {
	width: 7.5vw;
}

.at5-btn:nth-child(5) {
	width: 4.739vw;
}

.at5-yesno {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.885vw;
}

.at5-yes {
	font-family: Inter, sans-serif;
	font-weight: 400;
	color: #B4FF37;
}

.at5-sep {
	font-family: Inter, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
}

.at5-no {
	font-family: Inter, sans-serif;
	font-weight: 400;
	color: #FAA456;
}

.at5-suites-list {
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	width: 100%;
}

.at5-suite-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0.885vw;
	display: flex;
	flex-direction: column;
	gap: 0.416vw;
}

.at5-suite-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.at5-suite-name {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}

.at5-suite-toggle {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	text-align: center;
	color: #B4FF37;
}

.at5-suite-content {
	display: none;
	flex-direction: column;
	width: 26.562vw;
	margin-left: auto;
	margin-top: 0.416vw;
}

.at5-suite-feature {
	background: rgba(10, 29, 60, 0.5);
	border-left: 2px solid #B4FF37;
	border-radius: 4px;
	padding: 0.625vw 0.625vw 0.625vw 0.729vw;
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	text-align: left;
	margin-bottom: 0.416vw;
	color: #D1D5DB;
}

.at5-monitoring-list {
	display: flex;
	flex-direction: column;
	gap: 0.833vw;
	width: 100%;
}

.at5-monitoring-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0.677vw 0.833vw;
	position: relative;
}

.at5-monitoring-header {
	width: 27.812vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at5-monitoring-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at5-monitoring-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at5-monitoring-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
}

.at5-monitoring-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: left;
	color: #B4FF37;
	margin: 0.416vw 0 0 1.77vw;
}

.at5-permission-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.729vw;
	width: 100%;
}

.at5-permission-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.833vw;
	width: 100%;
	border-radius: 8px;
	position: relative;
	padding: 0.833vw 0.833vw 0.833vw 1.041vw;
	background: rgba(255, 255, 255, 0.05);
	border-left: none;
	gap: 0.833vw;
}

.at5-permission-item:hover {
	padding: 0.833vw 0.833vw 0.833vw 1.093vw;
	background: rgba(255, 255, 255, 0.1);
	border-left: 4px solid #B4FF37;
}

.at5-permission-item-3,
.at5-permission-item-4 {
	padding: 0.937vw 0.833vw 0.833vw 1.041vw;
}

.at5-permission-bg {
	width: 2.625vw;
	height: 2.625vw;
	flex-shrink: 0;
}

.at5-permission-item-2 .at5-permission-bg,
.at5-permission-item-3 .at5-permission-bg,
.at5-permission-item-4 .at5-permission-bg {
	width: 2.5vw;
	height: 2.5vw;
}

.at5-permission-bg img {
	width: 100%;
	height: 100%;
	display: block;
}

.at5-permission-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.at5-permission-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 0.208vw;
}

.at5-permission-item-2 .at5-permission-title,
.at5-permission-item-3 .at5-permission-title,
.at5-permission-item-4 .at5-permission-title {
	line-height: 1.3em;
}

.at5-permission-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.16em;
	color: #9CA3AF;
}

.at5-permission-item-2 .at5-permission-desc,
.at5-permission-item-3 .at5-permission-desc,
.at5-permission-item-4 .at5-permission-desc {
	line-height: 1.1em;
}

.at5-card-tech {
	width: 65.416vw;
	margin: 0 auto;
	margin-top: 3.333vw;
	background: linear-gradient(177deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.885vw 1.718vw 1.718vw;
	gap: 1.666vw;
}

.at5-tech-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

.at5-tech-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.25vw;
	width: 100%;
}

.at5-tech-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 1.302vw;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	gap: 0.833vw;
}

.at5-tech-icon {
	width: 2.5vw;
	height: 3.333vw;
	display: flex;
	flex-direction: column;
	padding-bottom: 0.833vw;
}

.at5-tech-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at5-tech-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	color: #FFFFFF;
}

/* -----------------------------------------at6版块-------------------------------------- */
.at6 {
	width: 100%;
	background: #000000;
	position: relative;
	margin: 0 auto;
}

.at6-container {
	width: 66.666vw;
	margin: 0 auto;
	padding: 0 1.25vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 2.5vw;
	margin-top: 3.333vw;
}

.at6-left-cards,
.at6-right-cards {
	display: flex;
	flex-direction: column;
	gap: 2.083vw;
	flex: 1;
}

.at6-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	backdrop-filter: blur(0.208vw);
	padding: 1.718vw;
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
}

.at6-card-1 {
	background: linear-gradient(127deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.at6-card-2 {
	background: rgba(255, 255, 255, 0.1);
	gap: 0.833vw;
	padding-top: 0.416vw;
}

.at6-card-3 {
	background: linear-gradient(144deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	position: relative;
}

.at6-card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at6-card-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at6-card-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at6-card-title {
	font-family: Inter, sans-serif;
	font-weight: 600;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0;
}

.at6-card-title-small {
	font-family: Inter, sans-serif;
	font-weight: 600;
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 0;
}

.at6-timeline {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.at6-timeline-item {
	display: flex;
	flex-direction: row;
	gap: 0.833vw;
	width: 100%;
	align-items: flex-start;
}

.at6 .at6-timeline {
	clip-path: inset(0 0 100% 0);
	transition: all ease 3s;
}

.at6.on .at6-timeline {
	animation: totimeline 1.6s ease forwards;
}

@keyframes totimeline {
	0% {
		clip-path: inset(0 0 100% 0);
	}

	100% {
		clip-path: inset(0 0 0% 0);
	}
}

.at6-timeline-icon {
	width: 2.083vw;
	height: 4.583vw;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.at6-timeline-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at6-timeline-number {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 2.083vw;
	flex-shrink: 0;
}

.at6-number-bg {
	width: 2.083vw;
	height: 2.083vw;
	border-radius: 9999px;
	background: #FAA456;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Inter, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}

.at6-number-bg.at6-number-pending {
	background: rgba(255, 255, 255, 0.1);
}

.at6-number-divider {
	width: 0.104vw;
	height: 2.5vw;
	background: rgba(255, 255, 255, 0.1);
	margin-top: 0;
}

.at6-timeline-content {
	display: flex;
	flex-direction: column;
	padding-top: 0.416vw;
	flex: 1;
	gap: 0;
}

.at6-timeline-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	color: #FFFFFF;
}

.at6-timeline-time {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	color: #B4FF37;
	margin-top: 0;
	text-align: left;
}

.at6-progress-box {
	background: rgba(180, 255, 55, 0.1);
	border-radius: 8px;
	padding: 0.833vw;
	display: flex;
	flex-direction: column;
	gap: 0.416vw;
	margin-top: 0;
	opacity: 0;
}

.at6.on .at6-progress-box {
	animation: fadeIn ease 0.6s 1.6s forwards;
}

.at6-progress-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 19.27vw;
}

.at6-progress-label {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	color: #9CA3AF;
}

.at6-progress-percent {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.5em;
	color: #B4FF37;
}

.at6-progress-bar {
	width: 100%;
	height: 0.416vw;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	overflow: hidden;
}

.at6-progress-fill {
	width: 8%;
	height: 100%;
	background: linear-gradient(90deg, rgba(180, 255, 55, 1) 0%, rgba(0, 217, 255, 1) 100%);
	border-radius: 9999px;
	transform: scaleX(0);
	transform-origin: left;
}

.at6.on .at6-progress-fill {
	animation: progressFill ease 1s 2s forwards;
}

@keyframes progressFill {
	0% {
		transform: scaleX(0);
	}

	100% {
		transform: scaleX(1);
	}
}

.at6-compliance-list {
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	padding-top: 0.416vw;
	width: 22.604vw;
}

.at6-compliance-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at6-compliance-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at6-compliance-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at6-compliance-text {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.3em;
	color: #D1D5DB;
}

.at6-format-container {
	width: 100%;
	height: 20vw;
	position: relative;
	margin-top: 0;
}

.at6-format-gradient {
	position: absolute;
	left: 0.052vw;
	top: 0.052vw;
	width: 27.291vw;
	height: 19.895vw;
	background: linear-gradient(152deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 8px;
}

.at6-format-tags {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.at6-format-tag {
	background: rgba(10, 29, 60, 0.8);
	border: 2px solid #4DD0E1;
	border-radius: 4px;
	padding: 0.52vw 0.729vw;
	display: flex;
	flex-direction: column;
	position: absolute;
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 0.9em;
	color: #4DD0E1;
	white-space: nowrap;
}

.at6-format-tag span {
	display: block;
}

.at6-format-tag.at6-format-tag-active {
	border-color: #4DD0E1;
	color: #4DD0E1;
}

.at6-format-tag:not(.at6-format-tag-active) {
	border-color: #B4FF37;
	color: #B4FF37;
}

.at6-format-tag.at6-format-tag-highlight {
	border-color: #FAA456;
	color: #FAA456;
}

.at6-tag-check {
	position: absolute;
	right: -0.104vw;
	top: -0.104vw;
	width: 0.625vw;
	height: 0.625vw;
}

.at6-format-tag:nth-child(1) {
	left: 5.52vw;
	top: 8.593vw;
	width: 3.177vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(2) {
	left: 12.656vw;
	top: 10vw;
	width: 3.854vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(3) {
	left: 18.75vw;
	top: 9.114vw;
	width: 3.697vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(4) {
	left: 2.864vw;
	top: 12.552vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(5) {
	left: 4.609vw;
	top: 4.166vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(6) {
	left: 13.046vw;
	top: 5.781vw;
	height: 1.875vw;
}

.at6-format-tag:nth-child(7) {
	left: 12.864vw;
	top: 14.427vw;
	height: 1.875vw;
}

.at6-format-status {
	position: absolute;
	left: 0.885vw;
	top: 15.989vw;
	width: 25.625vw;
	padding: 0.625vw;
	background: rgba(180, 255, 55, 0.1);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.at6-status-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	color: #B4FF37;
}

.at6-status-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	color: #9CA3AF;
	margin-top: 0;
}

.at6-signing-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.729vw;
	width: 100%;
}

.at6-signing-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.833vw;
	width: 100%;
	padding: 0.875vw 0.875vw 0.875vw 1.093vw;
	background: rgba(255, 255, 255, 0.1);
	border-left: 4px solid #B4FF37;
	border-radius: 8px;
	position: relative;
}

.at6-signing-item-2,
.at6-signing-item-3,
.at6-signing-item-4 {
	padding: 0.833vw 0.833vw 0.833vw 1.041vw;
	background: rgba(255, 255, 255, 0.05);
	border-left: none;
	gap: 0.833vw;
}

.at6-signing-item-3,
.at6-signing-item-4 {
	padding: 0.937vw 0.833vw 0.833vw 1.041vw;
}

.at6-signing-bg {
	width: 2.625vw;
	height: 2.625vw;
	flex-shrink: 0;
}

.at6-signing-item-2 .at6-signing-bg,
.at6-signing-item-3 .at6-signing-bg,
.at6-signing-item-4 .at6-signing-bg {
	width: 2.5vw;
	height: 2.5vw;
}

.at6-signing-bg img {
	width: 100%;
	height: 100%;
	display: block;
}

.at6-signing-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.at6-signing-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.4em;
	color: #FFFFFF;
	margin-bottom: 0.208vw;
}

.at6-signing-item-2 .at6-signing-title,
.at6-signing-item-3 .at6-signing-title,
.at6-signing-item-4 .at6-signing-title {
	line-height: 1.3em;
}

.at6-signing-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.1666666666666667em;
	color: #9CA3AF;
}

.at6-signing-item-2 .at6-signing-desc,
.at6-signing-item-3 .at6-signing-desc,
.at6-signing-item-4 .at6-signing-desc {
	line-height: 1.1em;
}

.at6-card-tech {
	width: 65.416vw;
	margin: 0 auto;
	margin-top: 3.333vw;
	background: linear-gradient(177deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.885vw 1.718vw 1.718vw;
	gap: 1.666vw;
}

.at6-tech-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

.at6-tech-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.25vw;
	width: 100%;
}

.at6-tech-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 1.302vw;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	gap: 0.833vw;
}

.at6-tech-icon {
	width: 2.5vw;
	height: 3.333vw;
	display: flex;
	flex-direction: column;
	padding-bottom: 0.833vw;
}

.at6-tech-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at6-tech-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	color: #FFFFFF;
}

/* -----------------------------------------at7版块-------------------------------------- */
.at7 {
	width: 100%;
	background: #000000;
	position: relative;
	margin: 0 auto;
}

.at7-container {
	width: 66.666vw;
	margin: 0 auto;
	padding: 0 1.25vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 2.5vw;
	margin-top: 3.333vw;
}

.at7-left-cards,
.at7-right-cards {
	display: flex;
	flex-direction: column;
	gap: 2.083vw;
	flex: 1;
}

.at7-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	backdrop-filter: blur(0.208vw);
	padding: 1.718vw;
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
}

.at7-card-1 {
	width: 30.833vw;
	background: linear-gradient(127deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.at7-card-2 {
	background: linear-gradient(147deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	gap: 1.25vw;
}

.at7-card-3 {
	width: 30.833vw;
	background: linear-gradient(138deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	position: relative;
}

.at7-card-4 {
	background: linear-gradient(151deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	position: relative;
}

.at7-card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at7-card-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at7-card-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at7-card-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.38em;
	color: #FFFFFF;
	margin: 0;
}

.at7-steps-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	clip-path: inset(0 0 100% 0);
	transition: all ease 3s;
}

.at7.on .at7-steps-list {
	animation: totimeline 1.6s ease forwards;
}

.at7-step-item {
	display: flex;
	flex-direction: row;
	gap: 0.833vw;
	width: 100%;
	align-items: flex-start;
}

.at7-step-icon {
	width: 2.083vw;
	height: 4.583vw;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.at7-step-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at7-step-number {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 2.083vw;
	flex-shrink: 0;
}

.at7-number-bg {
	width: 2.083vw;
	height: 2.083vw;
	border-radius: 9999px;
	background: #FAA456;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.4285714285714286em;
	color: #FFFFFF;
}

.at7-number-bg.at7-number-pending {
	background: rgba(255, 255, 255, 0.1);
	line-height: 1.4em;
}

.at7-number-divider {
	width: 0.104vw;
	height: 2.5vw;
	background: rgba(255, 255, 255, 0.1);
	margin-top: 0;
}

.at7-step-content {
	display: flex;
	flex-direction: column;
	padding-top: 0.416vw;
	flex: 1;
	gap: 0;
}

.at7-step-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	color: #FFFFFF;
}


.at7-step-label {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	color: #9CA3AF;
	margin-top: 0;
	text-align: left;
}

.at7-zkp-box {
	background: rgba(10, 29, 60, 0.5);
	border: 1px solid rgba(0, 255, 136, 0.3);
	border-radius: 8px;
	padding: 0.885vw;
	display: flex;
	flex-direction: column;
	gap: 0.416vw;
	margin-top: 0;
	opacity: 0;
}

.at7.on .at7-zkp-box {
	animation: fadeIn ease 0.6s 1.6s forwards;
}

.at7-zkp-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	color: #B4FF37;
}

.at7-zkp-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	color: #D1D5DB;
}

.at7-sync-list {
	display: flex;
	flex-direction: column;
	gap: 0.833vw;
	width: 100%;
}

.at7-sync-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0.885vw;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
}

.at7-sync-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
	flex: 1;
}

.at7-sync-icon {
	width: 1.041vw;
	height: 1.041vw;
	flex-shrink: 0;
	position: relative;
}

.at7-sync-icon img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all ease .3s;
}

.at7-sync-icon img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.at7-sync-icon.on img:nth-child(1) {
	opacity: 0;
}

.at7-sync-icon.on img:nth-child(2) {
	opacity: 1;
}

.at7-sync-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
	color: #FFFFFF;
	flex: 1;
}

.at7-sync-toggle {
	width: 2.5vw;
	height: 1.25vw;
	background: #B4FF37;
	border-radius: 9999px;
	position: relative;
	cursor: pointer;
}

.at7-sync-toggle.off {
	background: rgba(255, 255, 255, 0.1);
}

.at7-toggle-circle {
	position: absolute;
	right: 0.208vw;
	top: 0.208vw;
	width: 0.833vw;
	height: 0.833vw;
	background: #FFFFFF;
	border-radius: 50%;
	transition: all 0.3s;
}

.at7-sync-toggle.off .at7-toggle-circle {
	right: 1.458vw;
}

.at7-sync-status {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	margin-top: 0;
}

.at7-status-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.4em;
	text-align: center;
	color: #B4FF37;
}

.at7-status-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	text-align: center;
	color: #9CA3AF;
	margin-top: 0;
}

.at7-package-content {
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
	margin-top: 0;
}

.at7-package-layer {
	width: 27.395vw;
	padding: 0.885vw;
	background: rgba(10, 29, 60, 0.5);
	border: 1px solid rgba(180, 255, 55, 0.3);
	border-radius: 8px;
}

.at7-package-layer .ev {
	display: none;
}

.at7-package-layer .ev.on {
	display: block;
	animation: fadeIn 1s ease forwards;
}

.at7-layer-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	color: #B4FF37;
	margin-bottom: 0.625vw;
}

.at7-layer-tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.416vw;
	width: 100%;
}

.at7-layer-tag {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	padding: 0.208vw 0.625vw;
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	color: #D1D5DB;
}

.at7-package-tabs {
	width: 27.395vw;
	height: 16.666vw;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.at7-tab-item {
	background: rgba(255, 255, 255, 0.05);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	padding: 1.458vw 0.104vw;
	width: 13.333vw;
	height: 4.166vw;
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.75;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -0.208vw 0;
	cursor: pointer;
}

.at7-tab-item.on {
	left: 7.031vw;
	top: 3.125vw;
	background: rgba(0, 255, 136, 0.2);
	border-color: #B4FF37;
	opacity: 1;
	box-shadow: 0vw 0.208vw 0.104vw 0vw rgba(180, 255, 55, 1), inset 0vw 0.208vw 0.104vw 0vw rgba(180, 255, 55, 1);
	backdrop-filter: blur(0.416vw);
}

.at7-network-list {
	display: flex;
	flex-direction: column;
	gap: 0.625vw;
	width: 26.093vw;
	margin-left: 1.718vw;
}

.at7-network-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0.677vw 0.833vw;
	position: relative;
}

.at7-network-header {
	width: 23.854vw;
	height: 2.916vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.625vw;
}

.at7-network-icon {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
}

.at7-network-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at7-network-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
}

.at7-network-desc {
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
	margin-left: 1.77vw;
	text-align: left;
	color: #B4FF37;
	white-space: nowrap;
}

.at7-network-overlay {
	width: 27.395vw;
	background: rgba(10, 29, 60, 0.5);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.at7-network-overlay img {
	width: 100%;
	display: block;
}

.at7-card-tech {
	width: 65.625vw;
	margin: 0 auto;
	margin-top: 3.333vw;
	background: linear-gradient(177deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.885vw 1.718vw 1.718vw;
	gap: 1.666vw;
}

.at7-tech-title {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

.at7-tech-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.25vw;
	width: 100%;
}

.at7-tech-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 1.302vw;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	gap: 0.833vw;
}

.at7-tech-icon {
	width: 2.5vw;
	height: 3.333vw;
	display: flex;
	flex-direction: column;
	padding-bottom: 0.833vw;
}

.at7-tech-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.at7-tech-text {
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	color: #FFFFFF;
}

.at2 {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 60;
}

.at2 .item {
	flex: 1;
	border: 2px solid #FFF;
	padding: 1.406vw 0.52vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.75);
	background: #E9FFC3;
}

.at2 .item .icon {
	width: 1.354vw;
	margin-right: 0.416vw;
}

.at2 .item.on {
	font-weight: 600;
	background: #B5FF38;
	color: rgba(36, 6, 65, 0.75);
}

.at3 {
	padding: 4.531vw 0 2.604vw 5.208vw;
	position: relative;
}

.at3 .zuo {
	width: 45.833vw;
}

.at3 .zuo .ev {
	display: none;
}

.at3 .zuo .ev.on {
	display: block;
	animation: fadeInUp 1s ease forwards;
}

.at3 .zuo .list {
	width: 34.687vw;
	margin-top: 2.239vw;
}

.at3 .zuo .list .item {
	position: relative;
	margin-bottom: 1.25vw;
}

.at3 .zuo .list .item .text {
	padding: 0.885vw 1.562vw;
	border-radius: 8px;
	border: 1px solid #B4FF37;
	background: rgba(181, 255, 56, 0.10);
	width: 80%;
	margin-left: auto;
	transition: all ease .3s;
}

.at3 .zuo .list .item:hover .text {
	width: 100%;
}

.at3 .zuo .list .item.lang .text {
	width: 100%;
}

.at3 .zuo .list .item .icon {
	position: absolute;
	left: 100%;
	top: 0.625vw;
	margin-left: -1.302vw;
	width: 8.437vw;
	height: 3.541vw;
	background: url('/img/at3-4.svg') no-repeat center/contain;
	cursor: pointer;
}

.at3 .zuo .list .item.on .icon {
	background-image: url('/img/at3-5.svg');
}

.at3 .xfpic {
	position: absolute;
	z-index: 1;
}

.at3 .bg1 {
	width: 15.364vw;
	top: 9.791vw;
	right: 31.718vw;
}

.at3 .bg1 img:nth-child(1) {
	animation: at3-bg1 24s reverse linear infinite;
}

.at3 .bg1 img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	animation: at3-bg1 12s linear infinite;
}

@keyframes at3-bg1 {
	100% {
		transform: rotate(360deg);
	}
}

.at3 .bg2 {
	width: 7.343vw;
	top: 20.833vw;
	right: 22.239vw;
	animation: at3-bg2 4s cubic-bezier(0.31, 0, 0.43, 0.95) infinite;
}

@keyframes at3-bg2 {
	0% {
		transform: translate(0, 0);
	}

	15% {
		transform: translate(0, 50%);
	}

	50% {
		transform: translate(0, 0);
	}
}

.at3 .bg3 {
	font-size: 6.666vw;
	font-weight: 600;
	top: 18.75vw;
	right: 7.916vw;
}

.at3 .bg4 {
	font-size: 6.666vw;
	font-weight: 600;
	top: 100%;
	right: 6.25vw;
	transform: translateY(-50%);
}

.at3 .bg4 p:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #B4FF37;
	clip-path: inset(50% 0 0 0);
}

.iconSwitch {
	position: relative;
}

.iconSwitch img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
}

.iconSwitchBox:hover .iconSwitch img:nth-child(1) {
	opacity: 0;
}

.iconSwitchBox:hover .iconSwitch img:nth-child(2) {
	opacity: 1;
}