/* html根元素，不可以用body,响应式页面必备*/
html {
	/*网页默认16px*/
	font-size: 100%;
}

@media screen and (min-width: 1440px) {
	html {
		font-size: 16px;
	}
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
	html {
		font-size: 13px;
	}
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
	html {
		font-size: 12px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
	html {
		font-size: 12px;
	}
}

/* 定义css变量 */
:root {
	--white: #ffffff;
	--default: #333333;
	--gray: #a1a1a1;
	--feedbackcolor: #265AF6;
	--blackbg: #1f1f1f;
	--cols-2: 2;
	--cols-3: 3;
	--cols-4: 4;
	--spacing-24: 1.5rem;
	--spacing-12: .75rem;
	--text-gradient-white:
		radial-gradient(192.59% 86.67% at 8.33% 50%,
			#FFF 0%,
			rgba(255, 255, 255, 0.35) 100%);
}

@media screen and (max-device-width: 600px) and (orientation: portrait),
screen and (max-width: 750px),
screen and (max-device-width: 820px) and (orientation: landscape) {
	html {
		font-size: 14px;
	}

	:root {
		--cols-2: 1;
		--cols-3: 1;
		--cols-4: 1;
	}

}


/* 字体定义 */
@font-face {
	font-family: SourceHanSansCNRegular;
	src: url(../fonts/SourceHanSansCN-Regular.otf);
	font-display: swap;
}

@font-face {
	font-family: SourceHanSansCNLight;
	src: url(../fonts/SourceHanSansCN-Light.OTF);
	font-display: swap;
}

.g-doc {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
	margin-left: auto;
	margin-right: auto;
	font-size: 1rem;
	color: var(--white);
	box-sizing: border-box;
	background: var(--blackbg);
}

.g-doc::before {
	position: fixed;
	content: "";
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: url(../imgs/black/index_15.webp) no-repeat center top;
	background-size: cover;
}

/* 头部 全屏*/
.g-hd {
	position: fixed;
	width: 17.75rem;
	height: 100vh;
	z-index: 6;
	padding-top: 4rem;
	padding-left: 4.75rem;
	padding-right: 4rem;
	padding-bottom: 4rem;
	box-sizing: border-box;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
	backdrop-filter: blur(10px);

}



.g-bd {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 5rem;
	padding-top: 5rem;
}

.g-bd-1 {
	padding-top: 0;
}

.m-pc {
	display: block;
}

.m-wap {
	display: none;
}

.m-logo {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.u-logo {
	width: 100%;
	transform: scale(1);
	transition: transform 0.3s ease-in-out;
}

.u-logo:hover {
	transform: scale(1.05);
}

.m-wap-btn {
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	opacity: .7;
}

.m-wap-btn img {
	width: 100%;
}

.m-pc-menu {
	flex: 1;
	/* background: red; */
}

.m-pc-menu .menu {
	padding-top: 3rem;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

@media screen and (max-height: 768px) {
	.g-hd {
		padding-top: 2.25rem;
		padding-bottom: 2.25rem;
	}

	.m-pc-menu .menu {
		padding-top: 2.25rem;
	}
}

/* 默认菜单 */
.m-pc-menu .first {
	display: inline-block;
	width: 100%;
	line-height: 1;
	box-sizing: border-box;
	white-space: nowrap;
	color: var(--white);
	text-align: left;
	font-size: 1.25rem;
}

.m-pc-menu .first.haslink {
	transition: all 0.3s ease-in-out;
	background: url(../imgs/pic_88.svg) no-repeat right center;
	background-size: .5rem .5rem;
}

.m-pc-menu .first.haslink:hover {
	color: rgba(255, 255, 255, .7);
	padding-left: .25rem;
	background: url(../imgs/pic_87.svg) no-repeat right center;
	background-size: .5rem .5rem;
	transition: all 0.3s ease-in-out;
}

.m-pc-menu .first.aboutus {
	font-size: 1rem;

	padding: .25rem .75rem;
	border-radius: 2.5rem;
	width: auto;
	line-height: auto;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(255, 255, 255, 0.05);
}

.m-pc-menu .first.aboutus:hover {
	color: rgba(255, 255, 255, 0.6);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(255, 255, 255, 0.00);

}

.m-pc-menu .menu ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 1rem;
	max-height: 43.125rem;

}

.m-pc-menu li .submenu {
	margin-top: .75rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: .5rem;
}

.m-pc-menu .submenu a {
	display: block;
	color: rgba(255, 255, 255, 1);
	white-space: nowrap;
	text-align: left;
	line-height: 1.25rem;
	transition: all 0.3s ease-in-out;
	background: url(../imgs/pic_88.svg) no-repeat right center;
	background-size: .5rem .5rem;
}

.m-pc-menu .submenu a:hover {
	color: rgba(255, 255, 255, .7);
	padding-left: .25rem;
	background: url(../imgs/pic_87.svg) no-repeat right center;
	background-size: .5rem .5rem;
	transition: all 0.3s ease-in-out;
}

.m-pc-menu .submenu a.z-subcrt {
	font-weight: bold;
	color: var(--feedbackcolor);
	transition: all 0.3s ease-in-out;
}


/* 增加了两个链接 */
.m-pc-menu .develop {
	display: flex;
	gap: 1.5rem;
	margin-top: 1rem;
}

.m-pc-menu .develop a {
	transform: scale(1);
	transition: transform .3s ease-in-out;
}

.m-pc-menu .develop a img {
	width: 1.5rem;
}

.m-pc-menu .develop a:hover {
	transform: scale(1.2);
	transition: transform .3s ease-in-out;
}

.m-wap-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	padding-top: 5rem;
	box-sizing: border-box;
	overflow-y: auto;
}

.m-wap-menu .u-closed {
	position: absolute;
	right: 1rem;
	top: 1.875rem;
	cursor: pointer;
	width: 1.25rem;
	height: 1.25rem;
}

.m-wap-menu .u-closed img {
	width: 100%;
}

.m-wap-menu .first {
	display: block;
	width: calc(100% - 3rem);
	color: var(--white);
	line-height: 3rem;
	margin: 0 1.5rem;
	box-sizing: border-box;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
}

.m-wap-menu .second {
	display: inline-block;
	width: calc(100% - 3rem);
	color: var(--white);
	padding-left: 1.5rem;
	font-size: .875rem;
	line-height: 2.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
	box-sizing: border-box;
	margin: 0 1.5rem;
}



/* v-cloak可以保持元素隐藏直到Vue实例编译结束 */
[v-cloak] {
	display: none;
}


/* 整屏banner */
.m-banner {
	position: relative;
	width: 100%;
	height: 100vh;
}

.m-banner .swiper {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

.m-banner .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.m-banner .swiper-pagination-bullet {
	width: .25rem;
	height: .25rem;
	opacity: 0.32;
	background: #DFE7FB;
	border-radius: 50%;
}

.m-banner .swiper-pagination-bullet-active {
	width: 1rem;
	height: .25rem;
	border-radius: .125rem;
	transition: all 0.3s ease-in-out;
	opacity: 0.84;
	background: #DFE7FB;
}

.m-banner .swiper-horizontal>.swiper-pagination-bullets,
.m-banner .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 1.25rem;
}

.m-banner .swiper-button-next,
.m-banner .swiper-button-prev {
	display: none;
}

.m-banner:hover .swiper-button-next,
.m-banner:hover .swiper-button-prev {
	display: block;
}

.m-banner .swiper-button-prev {
	width: 3.5rem;
	height: 3.5rem;
	background: rgba(250, 250, 250, .2) url(../imgs/pic_18.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	left: 19.25rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

.m-banner .swiper-button-next {
	width: 3.5rem;
	height: 3.5rem;
	background: rgba(250, 250, 250, .2) url(../imgs/pic_19.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	right: 1.5rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

/*
.m-banner .swiper-button-prev:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.m-banner .swiper-button-next:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
} */

.m-banner .swiper-button-prev::after,
.m-banner .swiper-button-next::after {
	content: '';
}

.m-banner .swiper-button-disabled {
	opacity: 0
}

.m-banner .swiper-slide {
	position: relative;
}

.m-banner .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

.m-banner .swiper-pagination {
	padding-left: 17.75rem;
	box-sizing: border-box;
}

.m-banner .introbox {
	width: 100%;
	padding-left: 25.9375rem;
	padding-right: 8rem;
	box-sizing: border-box;
}

.m-banner .intro {
	max-width: 56.25rem;
	width: 100%;
	/* margin-left: auto;
	margin-right: auto; */
	box-sizing: border-box;
	margin-bottom: 10%;
}


.m-banner .intro-aboutus {
	max-width: 100%;
}

.m-banner .intro-aboutus .btnbox {
	display: flex;
	gap: 1rem;

}

.m-banner .intro-aboutus .btnbox a {
	width: 10rem
}

.m-banner .intro .u-h2 {
	position: relative;
	font-size: 3rem;
	line-height: 3.6rem;
	font-weight: bold;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: justify;
	letter-spacing: 0;
}

.m-banner .intro .u-h2-sy {
	letter-spacing: .68rem;
}

.m-banner .intro .u-h2 span {
	position: absolute;
	top: -3rem;
	left: 0;
	content: "";
	font-size: 2rem;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	line-height: 1;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.m-banner .intro .u-p2 {
	font-family: SourceHanSansCNLight;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.375rem;
	letter-spacing: 1.15rem;
	text-transform: uppercase;
}

.m-banner .intro .u-p3 {
	font-family: SourceHanSansCNLight;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 3rem;
	letter-spacing: 8rem;
}

/* 英文 */

.m-banner .intro .u-p4 {
	font-size: 1rem;
	font-family: SourceHanSansCNLight;
	text-transform: uppercase;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.35) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: .1rem;
}

/* 中文 */
.m-banner .intro .u-p {
	font-size: 1.5rem;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 1rem;
}

.m-banner .intro a {
	margin-top: 1.875rem;
}

.m-banner ul {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), auto);
	gap: 1rem 1.5rem;
	margin-top: 1rem;
}


.m-banner ul li p {
	position: relative;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
	padding-left: 2rem;
	white-space: nowrap;
}

.m-banner ul li p::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: .25rem;
	height: .25rem;
	background: var(--white);
	border-radius: 50%;
}

.m-banner ul li p:first-child {
	gap: .625rem;
	font-size: 1.5rem;
}

.m-banner ul li p:last-child {
	display: flex;
	gap: .625rem;
	font-size: 1.5rem;
}

.m-banner .buttonbox {
	gap: 1.5rem;
}

/* 二级banner 高度小*/
.m-banner1 {
	height: 45vh;
	overflow: hidden;
	display: flex;
	align-items: center;
}


.m-banner1 .introbox {
	width: 100%;
	padding-left: 25.9375rem;
	padding-right: 8rem;
	box-sizing: border-box;
}

.m-banner1 .intro {
	max-width: 56.25rem;
	width: 100%;
	/* margin-left: auto;
	margin-right: auto; */
	box-sizing: border-box;
}


.m-banner1 .intro .u-h2 {
	position: relative;
	font-size: 2.5rem;
	line-height: 6rem;
	font-weight: bold;
	background: radial-gradient(125.08% 56.28% at 38.72% 49.95%, #FFF 30%, rgba(255, 255, 255, 0.61) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: justify;
}

/* 特殊详情页 */
.m-banner1 .intro1 {
	max-width: 56.25rem;
	width: 100%;
	/* margin-left: auto;
	margin-right: auto; */
	box-sizing: border-box;
}


.m-banner1 .intro1 .u-h2 {
	font-size: 2.5rem;
	color: var(--white);
	line-height: 3.125rem;
	max-width: 52.125rem;
	width: 100%;
}

.m-banner1 .intro1 span {
	float: left;
	padding: .5rem .875rem;
	font-size: .875rem;
	color: var(--white);
	background: rgba(255, 255, 255, 0.3);
	border-radius: 6.875rem;
	line-height: 1;
	margin-right: .9375rem;
	margin-top: .9375rem;
}

.m-banner1 .txtbox {
	margin-top: 1.875rem;
	gap: 3.75rem;
}


.m-banner1 .u-p1 {
	font-size: 1rem;
	color: var(--white);
	padding-left: 1.375rem;
	line-height: 1;
	background: url(../imgs/pic_43_1.svg) no-repeat center left;
	background-size: .875rem .875rem;
}

.m-banner1 .u-p2 {
	font-size: 1rem;
	color: var(--white);
	line-height: 1;
	padding-left: 1.1606rem;
	background: url(../imgs/pic_15_1.svg) no-repeat center left;
	background-size: .7231rem .875rem;
}


/* 背景一 */
.m-banner1-morework {
	background: url(../imgs/banner/morework.webp) no-repeat center center;
	background-position: center center;
	background-size: cover;
}


.m-banner1-viewpoint {
	background: url(../imgs/banner/viewpoint.webp) no-repeat center center;
	background-position: center center;
	background-size: cover;

}


.m-banner1-detail {
	background: url(../imgs/banner/activity_detail.webp) no-repeat center center;
	background-position: center center;
	background-size: cover;
}


/* 白色的间距同退为30px */
section {
	width: 100%;
	gap: 1.875rem;
	padding-left: 25.9375rem;
	padding-right: 8rem;
	box-sizing: border-box;
}

/* 统一设置宽度 */
section>div {
	max-width: 56.25rem;
	width: 100%;
	box-sizing: border-box;
}

.m-section-developer {
	/* background: url(../imgs/pic_84.webp) no-repeat center center;
	background-size: cover; */
}

.m-section-developer1 {
	/* background: url(../imgs/pic_83.webp) no-repeat center center;
	background-size: contain; */
}


.m-title h2 {
	font-size: 2rem;
	line-height: 1;
	color: var(--white);
}


.m-title .new {
	height: 1.625rem;
	line-height: 1.625rem;
	font-size: .6875rem;
	color: var(--white);
	background: #EE2121;
	padding-left: .875rem;
	padding-right: .5625rem;
	border-radius: 1.125rem 0px 1.125rem 0px;
	margin-left: 1.25rem;

}



/* 灰色more */


.u-more {
	position: relative;
	padding: .5rem 0 .5rem 1.25rem;
	transition: all 0.3s ease-in-out;
	border-radius: 2.375rem;
	background: linear-gradient(90deg, #517DC4 0%, #98BDF7 50.5%, #C6E6FF 100%);
}

.u-more::before {
	position: absolute;
	z-index: 0;
	content: "";
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: var(--blackbg);
	border-radius: 2.375rem;
}

.u-more a {
	position: relative;
	z-index: 6;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: .875rem;
	padding-right: 1.5rem;
	line-height: 1;
	color: var(--white);
	background: url(../imgs/pic_24.svg) no-repeat center right .625rem;
	background-size: .6rem .6rem;
}


/*

.u-more {
	font-size: .875rem;
	line-height: 1;
	background: #F4F4F4 url(../imgs/arrowblack.svg) no-repeat center right .75rem;
	border-radius: 5.5rem;
	padding: .4375rem 1.75rem .4375rem .75rem;
	transition: all 0.3s ease-in-out;
}

.u-more:hover {
	color: var(--white);
	background: var(--feedbackcolor) url(../imgs/arrowwhite.svg) no-repeat center right .75rem;
	transition: all 0.3s ease-in-out;
} */


/* 蓝色more */
.u-more1,
.u-more1:hover {
	font-size: .875rem;
	color: var(--white);
	line-height: 1;
	background: var(--feedbackcolor) url(../imgs/arrowwhite.svg) no-repeat center right .75rem;
	border-radius: 5.5rem;
	padding: .4375rem 1.75rem .4375rem .75rem;
}

/* 白底斜向上箭头 */
.u-more2,
.u-more2:hover {
	display: block;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	background: var(--white) url(../imgs/arrowblue1.svg) no-repeat center center;
	text-indent: -9999px;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
}

/* banner里面的了解更多 */
.u-more3 {
	display: block;
	max-width: 36rem;
	width: 100%;
	text-align: center;
	border-radius: 2.375rem;
	border: 1px solid #517DC4;
	padding-top: .5rem;
	padding-bottom: .5rem;
	transform: scale(1);
	transition: all .3s ease-in-out;
}

.u-more3:hover {
	transform: scale(.98);
	transition: all .3s ease-in-out;
}

.u-more3 span {
	color: #FFF;
	text-shadow: -44.308px 108.659px 32.703px rgba(145, 145, 145, 0.00),
		-28.484px 69.626px 30.593px rgba(145, 145, 145, 0.01),
		-15.824px 39.033px 25.319px rgba(145, 145, 145, 0.03),
		-7.385px 17.934px 18.989px rgba(145, 145, 145, 0.04),
		-2.11px 4.22px 10.549px rgba(145, 145, 145, 0.05);
	font-size: 1.125rem;
	line-height: 1;
	background: rebeccapurple;
	background: url(../imgs/pic_94.svg) no-repeat right center;
	padding-right: 1.25rem;
}

.u-more3-1,
.u-more3-1:hover {
	width: 10rem;
}


/* 前往查看更多工作 */

.u-more4 {
	display: inline-block;
	line-height: 1;
	background: #F4F4F4 url(../imgs/pic_45.svg) no-repeat center right 1.125rem;
	border-radius: 5.5rem;
	padding: .75rem 2.375rem .75rem 1.125rem;
	transition: all 0.3s ease-in-out;
}

.u-more4:hover {
	display: inline-block;
	color: var(--white);
	line-height: 1;
	background: var(--feedbackcolor) url(../imgs/pic_22.svg) no-repeat center right 1.125rem;
	border-radius: 5.5rem;
	padding: .75rem 2.375rem .75rem 1.125rem;
	transition: all 0.3s ease-in-out;
}


/* 刷新查看更多合作者 */
.u-more4-1 {
	background: #F4F4F4 url(../imgs/pic_76_1.svg) no-repeat center right 1.125rem;
	background-size: .875rem .875rem;
}

.u-more4-1:hover {
	background: var(--feedbackcolor) url(../imgs/pic_76.svg) no-repeat center right 1.125rem;
	background-size: .875rem .875rem;
}

/* 开始评测按钮 */
.u-more5 {
	display: inline-block;
	line-height: 1;
	color: var(--feedbackcolor);
	background: var(--white) url(../imgs/arrowblue.svg) no-repeat center right 1.125rem;
	background-size: .75rem .75rem;
	border-radius: 4.625rem;
	padding: .75rem 2.375rem .75rem 1.125rem;
	transition: all 0.3s ease-in-out;
}

.u-more5:hover {
	display: inline-block;
	color: var(--white);
	line-height: 1;
	background: var(--feedbackcolor) url(../imgs/arrowwhite.svg) no-repeat center right 1.125rem;
	background-size: .75rem .75rem;
	border-radius: 4.625rem;
	padding: .75rem 2.375rem .75rem 1.125rem;
	transition: all 0.3s ease-in-out;
}

/* 视频按钮 */
.u-play {
	position: absolute;
	z-index: 6;
	top: 50%;
	left: 50%;
	width: 3.625rem;
	height: 3.625rem;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) scale(1);
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.u-play-1 {
	width: 3.125rem;
	height: 3.125rem;
}

.u-play:hover {
	transform: translateX(-50%) translateY(-50%) scale(1.2);
	transition: all .3s ease-in-out;
}




/* 底部 */
.g-ft {
	padding-left: 25.75rem;
	padding-right: 8rem;
	margin-top: 5rem;
	position: relative;
}

.m-ft {
	max-width: 56.25rem;
	width: 100%;
	padding: 1.875rem 0;
	color: var(--white);
	box-sizing: border-box;
	border-top: 1px solid #484848;
	display: grid;
	grid-template-columns: repeat(var(--cols-2), 1fr);
	align-items: center;
	gap: 1.5rem 1.5rem;
}

.m-ft .u-img1 {
	width: 12rem;
}

.m-ft .itembox {
	display: grid;
	grid-template-columns: 1fr;
	gap: .5rem;
}

.m-ft .itembox .item {
	display: flex;
	align-items: center;
	font-size: .875rem;
}

.m-ft .itembox h3 {
	color: var(--gray);
}

.m-ft .itembox p {
	line-height: 1;
	color: var(--gray);
}

.m-ft .itembox a {
	display: inline-block;
	line-height: 1;
	color: var(--gray);
}

.m-ft .itembox p span {
	margin-right: 1.25rem;
}

/* 白板的m-list2模块与暗黑的公用 */

.m-list2 {
	position: relative;

}

.m-list2 .swiper {
	overflow: hidden;
}


.m-list2 .swiper-slide {
	position: relative;
	overflow: hidden;
	height: auto;
	border-radius: var(--spacing-12);
	box-sizing: border-box;
	border: 1px solid #484848;
	background: rgba(38, 38, 38, 0.35);
}

.m-list2 .swiper-button-prev {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--white) url(../imgs/pic_18.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	left: -4.5rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

.m-list2 .swiper-button-next {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--white) url(../imgs/pic_19.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	right: -4.5rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

/*
.m-list2 .swiper-button-prev:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.m-list2 .swiper-button-next:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
} */

.m-list2 .swiper-button-prev::after,
.m-list2 .swiper-button-next::after {
	content: '';
}

.m-list2 .swiper-button-disabled {
	opacity: 0;
}



.m-list2 .item {
	display: flex;
	flex-direction: column;
	height: 100%;
	/* 确保 item 有明确高度 */
	border-radius: var(--spacing-12);
}

.m-list2 .imgbox {
	position: relative;
	/* height: 10rem; */
	border-radius: .75rem;
}

.m-list2 .imgbox .u-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .75rem .75rem 0 0;
}

.m-list2 .imgbox .tips {
	position: absolute;
	top: .75rem;
	left: .75rem;
	border-radius: .25rem;
	border: 1px solid #3A523E;
	background: rgba(0, 0, 0, 0.50);
	padding: 0 .5rem;
	color: var(--white);
}

.m-list2 .imgbox .intro {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	background: rgba(0, 0, 0, 0.30);
	backdrop-filter: blur(2px);
	text-align: justify;
	line-height: 1.25rem;

}

.m-list2 .item:hover .intro {
	opacity: 1;
}

.m-list2 .imgbox .intro p {
	display: flex;
	align-items: end;
	color: var(--white);
	padding: 1rem .75rem;
}


.m-list2 .txtbox {
	/* 适应imgbox外的剩余空间 */
	flex: 1;
	padding: var(--spacing-12);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.m-list2 h2 {
	line-height: 1.25rem;
	color: var(--white);
}

.m-list2 .txtbox p {
	color: var(--gray);
	margin-top: var(--spacing-12);
}



/* 具身大模型 */
.m-list6 {
	position: relative;
	opacity: 0;
	width: 100%;
	max-height: 0;
	padding-left: 17.75rem;
	z-index: 8;
	box-shadow: 0px 0px .9375rem 0px rgba(0, 0, 0, 0.13);
	transition: width .3s ease-in-out;
	box-sizing: border-box;
}

.m-list6::before {
	position: absolute;
	z-index: -1;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	backdrop-filter: blur(.25rem);
}

.m-list6>div {
	margin-left: auto;
	margin-right: auto;
}

.m-list6 a {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1;
	text-align: center;
	padding: 1.5rem 1rem;
	color: var(--gray);

}

.m-list6 a:hover,
.m-list6 a.z-crt {
	font-weight: bold;
	background-image: linear-gradient(90deg, #419AFF 0%,
			#A381FF 100%);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

/* 弹层样式 */
.m-modal {
	/* 默认隐藏 */
	opacity: 0;
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all .3s ease-in-out;
	backdrop-filter: blur(.1875rem);
	display: none;
}

.videolayershow {
	opacity: 1;
	z-index: 9999;
	display: block;
	transition: all .3s ease-in-out;
}

.m-modal>div {
	width: 100%;
	height: 100%;
}

.m-modal .modal-content {
	position: relative;
	max-width: 90rem;
	width: 100%;
}

.m-modal .modal-content video {
	width: 100%;
	border-radius: .75rem;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
}

.m-modal .close {
	position: absolute;
	top: 1.875rem;
	right: 1.875rem;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 60;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	cursor: pointer;
	background: #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(1);
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
}

.m-modal .close:hover {
	transform: scale(1.2);
	transition: all .3s ease-in-out;
}


.m-list7 {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 3.75rem 1.875rem;
}


.m-list7 .imgbox {
	position: relative;
}

.m-list7 .imgbox .u-img {
	width: 100%;
	border-radius: 1.25rem;
}


.m-list7 .txtbox .u-p1 {
	font-size: .875rem;
	font-weight: bold;
	margin-top: 1.25rem;
	color: var(--white);

}

.m-list7 .txtbox h2 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-top: .9375rem;
	color: var(--white);
}

.m-list7 .txtbox .u-p2 {
	font-size: .875rem;
	color: #999999;
	margin-top: .9375rem;
	line-height: 1.375rem;
}

.m-search {
	display: grid;
	grid-template-columns: repeat(var(--cols-2), 1fr);
	align-items: center;
	gap: 1.875rem;
}


.m-search .searchbox {
	display: grid;
	grid-template-columns: 1.125rem 1fr 6.25rem;
	align-items: center;
	gap: .9375rem;
	max-width: 34.375rem;
	width: 100%;
	height: 3rem;
	border-radius: 8rem;
	border: 1px solid #DFDFDF;
	padding-left: 1.25rem;
	padding-right: .3125rem;
	box-sizing: border-box;
}

.m-search .searchbox input {
	height: 100%;
	width: 100%;
	border: none;
	background: none;
	color: var(--white);
}

.m-search .searchbox input::placeholder {
	color: #999999;
	font-size: .875rem;
}

.m-search .searchbox .u-btn {
	height: 2.375rem;
	background: var(--feedbackcolor);
	border-radius: 4.5rem;
	color: var(--white);
}

.m-search .selectbox {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 1.875rem;
}

/* 复写elementplus中select样式 */
.m-search .el-select__wrapper {
	line-height: 3rem;
	min-height: 3rem;
	border-radius: 8rem;
	background: none;
}


.m-search .el-select__wrapper.is-focused {
	box-shadow: 0 0 0 lpx var(--feedbackcolor) inset;
	border: 1px solid var(--feedbackcolor);

}

.m-search .el-select-dropdown__item.is-selected {
	color: var(--feedbackcolor) !important;

}


.m-search1 {
	display: flex;
	justify-content: space-between;
	gap: 1.25rem;
	overflow: hidden;
}

.m-search1 input {
	color: var(--white);
	height: 3rem;
	line-height: 3rem;
	border-radius: 8rem;
	border: 1px solid #484848;
	background: url(../imgs/pic_42.svg) no-repeat 1.25rem center;
	padding-left: 3.25rem;
	box-sizing: border-box;
	flex: 1;
}

.m-search1 input::placeholder {
	color: #999999;
	font-size: .875rem;
}

.m-search1 button {
	height: 3rem;
	line-height: 3rem;
	background: var(--feedbackcolor);
	border-radius: 6.75rem;
	font-size: .875rem;
	color: var(--white);
	width: 6.25rem;
}



.m-list8 {
	margin-top: 1.875rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem 1.25rem;
}

.m-list8 .item {
	display: grid;
	grid-template-columns: 14rem 1fr;
	gap: 1.25rem 1.25rem;
	padding: 1.25rem;
	transition: all .3s ease-in-out;
	border-radius: .75rem;
	border: 1px solid #484848;
	background: rgba(38, 38, 38, 0.35);
}

.m-list8 .item:hover {
	background: rgba(38, 38, 38, 0.5);

}

.m-list8 .imgbox img {
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	object-fit: cover;
}

.m-list8 a {
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1.625rem;
	margin-top: .625rem;
	color: var(--white);
}

.m-list8 .item:hover a {
	background-image: linear-gradient(90deg, #419AFF 0%,
			#A381FF 100%);
	/* background-image: linear-gradient(46.03416611541901deg, #5985FF 0%, #BE74FF 100%); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}



.m-list8 .u-p1 {
	display: inline-block;
	padding: .5rem .75rem;
	font-size: .875rem;
	color: var(--white);
	margin-top: .625rem;
	border: 1px solid #3A523E;
	border-radius: 1.5rem;
	background: rgba(0, 0, 0, 0.50);
}

.m-list8 .u-p2 {
	font-size: .875rem;
}

.m-list8 .u-p3 {
	font-size: .875rem;
	margin-left: 1.25rem;
	display: flex;
	align-items: center;
}

.m-list8 .u-p3 .u-line {
	display: inline-block;
	width: 1px;
	height: .75rem;
	background: #cfccf9;
}

.m-list8 .u-p3 span {
	margin-right: .9375rem;
}



.m-list10 {
	display: grid;
	grid-template-columns: repeat(var(--cols-4), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list10-1 {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list10 .item {
	position: relative;
	background: linear-gradient(90deg, #FAF3FF 0%, #EFF3FF 100%);

	background: rgba(38, 38, 38, 0.35);
	border: 1px solid #484848;
	border-radius: .625rem;
	padding: 1.5625rem;
}

.m-list10 .item .u-img {
	position: absolute;
	right: 0;
	bottom: 0;
}

.m-list10 .item h2 {
	font-size: 1.25rem;
	height: 3.6rem;
	text-align: justify;
	color: var(--white);
}


.m-list10 .item p {
	font-size: .875rem;
	margin-top: .9375rem;
	line-height: 1.375rem;
	color: #999999;
	text-align: justify;
}

.m-list10 .imgbox {
	display: flex;
}

.m-list10 .imgbox img {
	width: 2rem;
	margin-right: 1rem;
	margin-top: .2rem;
}

.m-list11 .itembox {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(var(--cols-2), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list11 .item {
	position: relative;
}

.m-list11 .imgbox {
	position: relative;
	background: #f9f9fb;
	border-radius: .625rem;
}

.m-list11 .u-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .625rem;
}

.m-list11 h1 {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-top: .625rem;
	text-align: justify;
	color: var(--white);
}

.m-list12 {
	display: grid;
	grid-template-columns: repeat(var(--cols-2), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list12 .item {
	display: grid;
	grid-template-columns: 12.875rem 1fr;
	gap: .9375rem .9375rem;
	transition: all 0.3s ease-in-out;
}

.m-list12 .imgbox img {
	width: 100%;
	border-radius: .625rem;
}

.m-list12 h2 {
	font-size: 1.25rem;
	text-align: justify;
	color: var(--white);
}

.m-list12 p {
	font-size: .9375rem;
	text-align: justify;
	margin-top: 1.0625rem;
	line-height: 1.5rem;
	/* overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; */
	color: var(--gray);
}

.m-list12 .u-more5 {
	opacity: 1;
	display: inline-block;
	color: var(--white);
	line-height: 1;
	background: var(--feedbackcolor) url(../imgs/arrowwhite.svg) no-repeat center right 1.125rem;
	background-size: .75rem .75rem;
	border-radius: 4.625rem;
	padding: .75rem 2.375rem .75rem 1.125rem;
	transition: all 0.3s ease-in-out;
	margin-top: 1rem;
}

.m-list13 {
	/* background: url(../imgs/pic_46.webp); */
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: cover;
	padding-top: 7.0625rem;
	padding-bottom: 0;
	padding-left: 25.9375rem;
	padding-right: 8rem;
	box-sizing: border-box;
	height: 48.75rem;
}

.m-list13 .itembox {
	position: relative;
	height: 25.125rem;
	max-width: 56.25rem;
	width: 100%;
	box-sizing: border-box;
	background: url(../imgs/pic_47.webp) no-repeat center center;
	background-size: 45.4375rem 25.125rem;
	background-position: center center;
}

.m-list13 .itembox::before {
	position: absolute;
	z-index: 6;
	content: "开源数据集";
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	font-size: 2rem;
	color: #FFFFFF;
}

.m-list13 .item {
	position: absolute;
	z-index: 2;
	gap: 1.25rem;
	padding: 1.25rem 1.875rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: .625rem;
	opacity: 0;
	transform: scale(0.1);
	box-sizing: border-box;

	background: linear-gradient(180deg, rgba(54.448087736964226, 60.74790649116039, 101.69642820954323, 1), rgba(123.30910608172417, 153.90970766544342, 204.9107077717781, 1));

}

.m-list13 .item::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: .125rem;
	top: .125rem;
	width: calc(100% - .25rem);
	height: calc(100% - .25rem);
	background: linear-gradient(180deg, #23263D 0%, #3A5684 100%);
	border-radius: .625rem;

}

.m-list13 .item-4 {
	top: -4.8125rem;
	right: 0;
}

.m-list13 .item-4-1 {
	top: -7.5rem;
	right: 2.125rem;
	z-index: 0;
}

.m-list13 .item-1 {
	top: -4rem;
	left: 1rem;
}

.m-list13 .item-1-1 {
	top: 4rem;
	left: 3rem;
}

.m-list13 .item-2 {
	top: 12rem;
	left: 0rem;
}

.m-list13 .item-5 {
	top: 10.75rem;
	right: 0;
}

.m-list13 .item-5-1 {
	top: 14rem;
	right: 2rem;
	z-index: 0;
}

.m-list13 .item-3 {
	top: 20.6875rem;
	left: 0rem;
}

.m-list13 .item-3-1 {
	top: 24rem;
	left: 6rem;
	z-index: 0;
}

.m-list13 .item-6 {
	top: 25rem;
	right: 0;
}

.m-list13 .item h2 {
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.6);
	font-weight: bold;
	line-height: 1;
}

.m-list13 .item-5-1 h2 {
	font-size: 1rem;
}

.m-list13 .item-4-1 h2 {
	font-size: 1rem;
}

.m-list13 .item-3-1 h2 {
	font-size: 1rem;
}

.m-list13 .item p {
	max-width: 14.6875rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-top: .875rem;
}

.m-keyword {
	gap: .9375rem;
	margin-top: .9375rem;
}

.m-keyword p {
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	padding: .75rem 1.5rem;
	border-radius: 6.8125rem;
	font-size: .875rem;
}

.m-list14 .itembox {
	display: grid;
	grid-template-columns: repeat(var(--cols-2), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list14 .item {
	display: grid;
	grid-template-columns: 7.75rem 1fr;
	gap: .9375rem .9375rem;
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	border-radius: .625rem;
	padding: 1.25rem;
	transition: all .3s ease-in-out;
}

.m-list14 .item:hover {

	background: rgba(38, 38, 38, .5);
	transition: all .3s ease-in-out;
}

.m-list14 .imgbox .u-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .625rem;
	height: 7rem;
}

.m-list14 .txtbox h2 {
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1;
}

.m-list14 .item:hover h2 {
	background-image: linear-gradient(90deg, #419AFF 0%,
			#A381FF 100%);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

.m-list14 .txtbox p {
	font-size: .875rem;
	line-height: 1.4rem;
	margin-top: .9375rem;
	max-height: 3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--gray);

}


.m-list14 .iconbox {
	gap: .75rem;
}

.m-list14 .iconbox a {
	width: 1.5rem;
	transform: scale(1);
	transition: all .3s ease-in-out;
}

.m-list14 .iconbox a img {
	width: 100%;
}

.m-list14 .iconbox a:hover {
	transform: scale(1.2);
	transition: all .3s ease-in-out;
}

.m-page {
	gap: 1.5rem;
}

.m-page .u-a {
	display: flex;
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	background: var(--white);
	border: 1px solid #DFDFDF;
	border-radius: 50%;
}

.m-page .u-a:hover {
	display: flex;
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	background: var(--feedbackcolor);
	color: var(--white);
	border: 1px solid #DFDFDF;
	border-radius: 50%;
}


.m-page .u-prev {
	width: 2.5rem;
	height: 2.5rem;
	background: var(--white) url(../imgs/prev.svg) no-repeat center center;
	background-size: .875rem .875rem;
	border: 1px solid #DFDFDF;
	border-radius: 50%;
}

.m-page .u-prev:hover {
	background: var(--feedbackcolor) url(../imgs/prev1.svg) no-repeat center center;

}

.m-page .u-next {
	width: 2.5rem;
	height: 2.5rem;
	background: var(--white) url(../imgs/next.svg) no-repeat center center;
	background-size: .875rem .875rem;
	border: 1px solid #DFDFDF;
	border-radius: 50%;
}

.m-page .u-next:hover {
	background: var(--feedbackcolor) url(../imgs/next1.svg) no-repeat center center;

}

.m-list15 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.875rem 1.25rem;
	margin-top: .625rem;
}

.m-list15 .u-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .9375rem;
}



.m-list15 .item {
	position: relative;
	border-radius: 1.25rem;
}

.m-list15 .imgbox {
	position: relative;
}

.m-list15 .imgbox .u-span {
	position: absolute;
	bottom: .625rem;
	left: .625rem;
	display: inline-block;
	background: rgba(0, 0, 0, 0.4) url(../imgs/pic_63.svg) no-repeat center left 1rem;
	border-radius: 3.25rem;
	padding: .5rem 1rem .5rem 2.25rem;
	color: var(--white);
	font-size: .75rem;

}

.m-list15 .tips {
	position: absolute;
	left: .625rem;
	top: -0.625rem;
	width: 2.8644rem;
	height: 3.125rem;
}

.m-list15 .tips img {
	width: 100%;
	height: 100%;
}

.m-list15 .txtbox {
	width: 100%;
	box-sizing: border-box;
}

.m-list15 .txtbox h2 {
	font-size: 1.375rem;
	font-weight: bold;
	margin-top: .9375rem;
	color: var(--white);
}



.m-list15 .iconbox {
	gap: .75rem;
	margin-top: .9375rem;
}

.m-list15 .iconbox .u-a {
	transform: scale(1);
	transition: all .3s ease-in-out;
}

.m-list15 .iconbox a:hover {
	transform: scale(1.2);
	transition: all .3s ease-in-out;

}



.m-detail {
	max-width: 57.5rem;
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	border-radius: 1.25rem;
	padding: 2.5rem;
	box-sizing: border-box;
}

.m-detail h1 {
	font-size: 2rem;
	line-height: 1;
}

.m-detail h2 {
	font-size: 1.25rem;
	margin-top: 1.5rem
}

.m-detail p {
	margin-top: 1.5rem;
	color: var(--gray);
	line-height: 1.625rem;
}

.m-detail .u-img {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
	max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1.25rem;
}

.m-list16 {
	width: 100%;
	display: grid;
	gap: 5.625rem;
	grid-template-columns: repeat(var(--cols-3), 1fr);
}


.m-list16 h2 {
	font-size: 2.875rem;
	font-weight: bold;
	line-height: 1;
	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;

}

.m-list16 span {
	font-size: 1.375rem;

	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

.m-list16 p {
	font-size: 1.25rem;
	margin-top: 1.2rem;
	color: var(--gray);
	line-height: 1;
}

.m-list17 {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list17 .item {
	background: rgba(38, 38, 38, .35);
	height: 100%;
	border: 1px solid #484848;
	border-radius: .75rem;
	padding: 1.25rem;
	box-sizing: border-box;
	transform: translateY(0);
	transition: all .3s ease-in-out;
}

.m-list17 .item h2 {
	font-size: 1.2rem;
	margin-top: .75rem;
	color: var(--white);
}

.m-list17 .item .imgbox {
	/* height: 8rem; */

}

.m-list17 .item .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5rem;

}

/* 两边阴影定位 */
.m-list18 .lef-shadow,
.m-list18 .rig-shadow {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 8rem;
	height: 100%;
}

/* .m-list18 .lef-shadow {
	left: 0rem;
	background: linear-gradient(270deg, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 1) 60%);
}

.m-list18 .rig-shadow {
	right: 0rem;
	background: linear-gradient(270deg, rgba(241, 241, 241, .2) 40%, rgba(241, 241, 241, 0) 100%);
} */

/* 合作者*/
.m-list18 {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	overflow: hidden;
}


.m-list18 .mySwiper2.swiper .swiper-slide,
.m-list18 .mySwiper3.swiper .swiper-slide,
.m-list18 .mySwiper4.swiper .swiper-slide {
	width: auto;
	/* 或者不设置 width */
	flex-shrink: 0;
	/* 防止被压缩 */
}

.m-list18 .mySwiper2.swiper .swiper-slide img,
.m-list18 .mySwiper3.swiper .swiper-slide img,
.m-list18 .mySwiper4.swiper .swiper-slide img {
	max-width: 70%;
	width: auto;
	height: auto;
	max-height: 70%;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

/* 错位显示,通过把swiper往前挪的方式，完成错位，本身组件没这个功能 */
.m-cuowei {
	width: 100%;
	overflow: hidden;
}

/*
.m-cuowei .swiper {
	width: calc(100% + 2rem);
	transform: translate3d(-2rem, 0, 0) !important;
} */

.m-list18 .item {
	width: auto;
	min-width: 12.5rem;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-list18 .item-1 {
	background: linear-gradient(135deg, #BE74FF 0%, #5985FF 100%);
	border-radius: 4.4375rem;
}

.m-list18 .item-2 {
	position: relative;
	border-radius: 4.4375rem;
	background: linear-gradient(135deg, rgba(190.2, 116.2, 255, 1), rgba(89.1, 133.4, 255, 1));
	box-sizing: border-box;
}

.m-list18 .item-2 img {
	position: relative;
	z-index: 2;
}

.m-list18 .item-2::before {
	position: absolute;
	z-index: 0;
	content: "";
	left: 2px;
	top: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 4.4375rem;
	background: var(--white);
}

.m-list18 .item-3 {
	background: linear-gradient(131deg, #FF9966 0%, #FF5E61 100%);
	border-radius: .3125rem;
}

.m-list18 .item-4 {
	background: linear-gradient(315deg, #00C9FF 0%, #91FF9E 100%);
	border-radius: 4.4375rem;
}

.m-list18 .item-5 {
	position: relative;
	border-radius: .3125rem;
	background: linear-gradient(131deg, rgba(255, 153.00000607967377, 102.00000151991844, 1), rgba(255, 94.35000121593475, 96.89999878406525, 1));
	box-sizing: border-box;
}

.m-list18 .item-5 img {
	position: relative;
	z-index: 2;
}

.m-list18 .item-5::before {
	position: absolute;
	z-index: 0;
	content: "";
	left: 2px;
	top: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: .3125rem;
	background: #000;
}

.m-list18 .item-6 {
	background: linear-gradient(135deg, #BE74FF 0%, #5985FF 100%);
	border-radius: .3125rem;
}

.m-list18 .item-7 {
	position: relative;
	border-radius: .3125rem;
	background: linear-gradient(315deg, rgba(0, 201.4500054717064, 255, 1), rgba(145.34999817609787, 255, 158.10000121593475, 1));
	box-sizing: border-box;

}

.m-list18 .item-7 img {
	position: relative;
	z-index: 2;
}

.m-list18 .item-7::before {
	position: absolute;
	z-index: 0;
	content: "";
	left: 2px;
	top: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: .3125rem;
	background: #000;
}

.m-list19 p {
	font-size: .9375rem;
	color: var(--white);
}

.m-list19 .headbox {
	position: relative;
	max-width: 60.375rem;
	margin-left: auto;
	margin-right: auto;
	height: 32rem;
	background: url(../imgs/pic_74.webp) no-repeat;
	background-size: cover;
}

.m-list19 .headbox img {
	opacity: 0;
	position: absolute;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0px 0px 1.25rem 0px rgba(48, 22, 77, 0.28);
}

/* .m-list19 .headbox img:hover {
	width: 10rem;
	height: 10rem;
	transform-origin: center center;
	transition: all 0.3s ease-in-out;
} */

.m-list19 .u-img-w100 {
	width: 6.25rem;
	height: 6.25rem;
}

.m-list19 .u-img-w90 {
	width: 5.625rem;
	height: 5.625rem;
}

.m-list19 .u-img-w80 {
	width: 5rem;
	height: 5rem;
}

.m-list19 .u-img-w60 {
	width: 3.75rem;
	height: 3.75rem;
}

.m-list19 .u-img-w50 {
	width: 3.125rem;
	height: 3.125rem;
}

.m-list19 .u-img-w40 {
	width: 2.5rem;
	height: 2.5rem;
}

.m-list19 .u-img1 {
	top: .1875rem;
	right: .0206%;
}

.m-list19 .u-img2 {
	top: 3.4375rem;
	left: 14.285%;
}

.m-list19 .u-img3 {
	top: 10.8125rem;
	right: 22.38%;
}

.m-list19 .u-img4 {
	bottom: 6.25rem;
	right: 30.95%;
}

.m-list19 .u-img5 {
	top: 23.25rem;
	right: 53.25%;
}

.m-list19 .u-img6 {
	bottom: 1rem;
	left: 30.47%;
}

.m-list19 .u-img7 {
	bottom: 17.25rem;
	left: 10.37%
}

.m-list19 .u-img8 {
	top: .1875rem;
	left: 59.44%;
}

.m-list19 .u-img9 {
	bottom: 8.75rem;
	right: 2.857%;
}

.m-list19 .u-img10 {
	top: 10.8125rem;
	left: 36.98%;
}

.m-list20 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 1.5rem 1.5rem;
}

.m-list20 img {
	/* width: 9.375rem; */
	width: 100%;
}


.m-list20 p {
	line-height: 1;
	margin-top: .9375rem;
	color: var(--white);
}

.m-list21 {
	position: relative;
}

.m-list21::before {
	position: absolute;
	content: "";
	left: 8.75rem;
	top: 0;
	width: 1px;
	height: 100%;
	background: #484848;
}

.m-list21 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.875rem;
}

.m-list21 .itembox {
	display: grid;
	grid-template-columns: 6.875rem 1fr;
	gap: 8rem;
}



.m-list21 .itembox .time {
	background-image: linear-gradient(180deg, #419AFF 0%, #A381FF 100%);
	/* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3), 0px 0px 6px 0px rgba(38, 90, 246, 0.31); */
	border-radius: 0px 1.875rem 0px 1.875rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--white);
	padding: .75rem 0;
	text-align: center;
	line-height: 1;
	box-sizing: border-box;
	transform: translateY(2.4375rem);
}

.m-list21 .itembox .item {
	position: relative;
	display: grid;
	grid-template-columns: 12.5rem 1fr;
	gap: 1.25rem;
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	border-radius: 1.25rem;
	padding: 1.25rem;

}


.m-list21 .itembox .item::before {
	position: absolute;
	content: "";
	top: 3.375rem;
	left: -6.6rem;
	width: 1rem;
	height: 1rem;
	background: url(../imgs/pic_81.webp) no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	box-shadow: 0px 0px .375rem 0px rgba(38, 90, 246, 0.31);
}

.m-list21 .itembox .item::after {
	position: absolute;
	z-index: -1;
	content: "";
	top: 3.875rem;
	left: -4.375rem;
	width: 3.125rem;
	height: 1px;
	background: #484848;
}

.m-list21 .imgbox {
	overflow: hidden;
	border-radius: 1.25rem;
}

.m-list21 .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	border-radius: .3125rem;
}

.m-list21 .itembox:hover .imgbox img {
	transform: scale(1.2);
	transition: all .3s ease-in-out;
}

.m-list21 .txtbox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.m-list21 .txtbox .u-p {
	font-size: .875rem;
	line-height: 1;
	color: var(--gray);
}

.m-list21 .txtbox h2 {
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.m-list21 .txtbox .u-p1 {
	font-size: .875rem;
	line-height: 1;
	color: var(--gray);
	margin-top: 1rem;
}



.m-list23 {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list23 .item {
	position: relative;
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	min-height: 11.875rem;
	border-radius: .625rem;
	padding: 1.25rem;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out;
}


.m-list23 .item-1 img {
	position: absolute;
	top: 0;
	right: 0;
	width: 42.46%;
}

.m-list23 .item-2 img {
	position: absolute;
	bottom: 2.25rem;
	right: 0;
	width: 40%;
}

.m-list23 .item-3 img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36%;

}

.m-list23 .item-4 img {
	position: absolute;
	bottom: 1.6875rem;
	right: 0;
	width: 31.379%;

}

.m-list23 .item-5 img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30.64%;

}

.m-list23 .item-6 img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
}

.m-list23 .item h2 {
	font-size: 1.125rem;
	text-align: justify;
	margin-top: 1.25rem;
	transition: all 0.3s ease-in-out;
	font-weight: bold;
	width: 60%;
}

.m-list23 .item:hover h2 {
	/* color: var(--feedbackcolor); */

	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
	transition: all 0.3s ease-in-out;
}

.m-list23 .item p {
	font-size: .875rem;
	display: inline-block;
	/* background: #EAEFFF; */
	background: rgba(0, 0, 0, .5);
	padding: .625rem 1.25rem;
	line-height: 1;
	border-radius: 8.875rem;
}


.m-list23 .item a {
	font-size: .875rem;
	display: inline-block;
	width: 4rem;
	color: #999999;
	background: url(../imgs/next.svg) no-repeat right center;
	padding-right: 1.2rem;
	transition: all 0.3s ease-in-out;
}

.m-list23 .item:hover a {
	color: var(--feedbackcolor);
	background: url(../imgs/next2.svg) no-repeat right center;
	transition: all 0.3s ease-in-out;
}

.m-list24 {
	display: grid;
	grid-template-columns: repeat(var(--cols-3), 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list24 .item {
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	border-radius: .625rem;
	padding: 2.5rem 1.875rem;
	transition: all 0.3s ease-in-out;
}

.m-list24 .item h2 {
	font-size: 1.375rem;
	font-weight: bold;
}

.m-list24 .item .u-p {
	font-size: .9375rem;
	line-height: 1.5rem;
	margin-top: 1.25rem;
	text-align: justify;
	min-height: 7.5rem;
	color: var(--gray);
}

.m-list24 .item .u-p1 {
	font-size: .8125rem;
	display: inline-block;
	background: rgba(0, 0, 0, .2);
	border-radius: 8.875rem;
	padding: .625rem 1.25rem;
	line-height: 1.25rem;
	margin-top: 1.875rem;
}

.m-list24 .item:hover {
	background: #ffffff;
}

.m-list24 .item:hover {
	background: url(../imgs/pic_55.webp) no-repeat;
	background-size: cover;
	transition: all 0.3s ease-in-out;
}

.m-list24 .item:hover h2 {
	color: var(--white);

}

.m-list24 .item:hover .u-p {
	color: var(--white);

}



.m-list24 .txtbox {
	display: flex;
	gap: 3.75rem;
	margin-top: 2rem;
}

.m-list24 .txtbox .u-div {
	position: relative;
}

.m-list24 .txtbox .u-div::before {
	position: absolute;
	content: "";
	left: calc(100% + 1.875rem);
	top: 50%;
	transform: translateY(-50%);
	width: .125rem;
	height: 1.25rem;
	background: #484848;
}

.m-list24 .txtbox p {
	font-size: .875rem;
	color: var(--white);
	background: var(--text-gradient-white);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
}

.m-list24 .txtbox p span {
	font-size: 2.5rem;
	margin-right: .3125rem;
}

.m-list24 .txtbox div p:last-child {
	margin-top: .625rem;
}

.m-list24 .item:hover .txtbox p {
	color: var(--white);
}

.m-list24 .item:hover .txtbox>div:first-child::before {
	background: var(--white);
}

/* 只有一张图 */

.m-ad img {
	width: 100%;
}


.m-list25 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem 1.25rem;
}

.m-list25 .item {
	padding: 1.875rem 2.3125rem;
}

.m-list25 .item:hover {

	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);
	box-shadow: 0px 0px 1rem 0px rgba(36, 54, 87, 0.2);
	border-radius: .625rem;
}

.m-list25 .item .imgbox {
	position: relative;
	max-width: 7.5rem;
	width: 100%;
	height: 7.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .625rem;

	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);

	box-sizing: border-box;
}

.m-list25 .item .imgbox::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: .125rem;
	left: .125rem;
	width: calc(100% - .25rem);
	height: calc(100% - .25rem);
	background: rgba(38, 38, 38, 1);
	border-radius: .5rem;
}

.m-list25 .item:hover .imgbox {
	background: none;
	border-radius: .625rem;
	border: 2px solid #FFFFFF;
}

.m-list25 .item:hover .imgbox::before {
	opacity: 0;
}

.m-list25 .item img {
	position: relative;
	z-index: 2;
}

.m-list25 .item p {
	background-image: linear-gradient(90deg, #419AFF 0%, #A381FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	margin-top: 1.875rem;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
	font-size: 1.25rem;
}

.m-list25 .item:hover p {
	color: var(--white);
	background: none;
	-webkit-text-fill-color: var(--white)
}

.m-list25 .u-img1 {
	width: 2.9375rem;
}

.m-list25 .u-img2 {
	width: 2.6875rem;
}

.m-list25 .u-img3 {
	width: 1.75rem;
}

.m-list25 .u-img4 {
	width: 2.75rem;
}

.m-list25 .u-img5 {
	width: 3.5rem;
}

.m-list25 .u-img6 {
	width: 2.875rem;
}



.m-list26 .item {
	position: relative;
	width: 18.73%;
	height: 20rem;
	background: none;
	border-radius: .625rem;
	box-sizing: border-box;
	overflow: hidden;
	background: #f1f1f1;
}



.m-list26 .item h2 {
	font-size: 1.375rem;
	line-height: 2rem;
	color: var(--white);
	margin-top: 2.5rem;
	font-weight: bold;
}

.m-list26 .item p {
	opacity: 0;
	line-height: 1.5rem;
	text-align: justify;
	color: var(--white);
}

.m-list26 .z-crt {
	width: 39%;
}

.m-list26 .z-crt p {
	opacity: 1;

}

.m-list26 .imgbox {
	position: relative;
	position: relative;
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.m-list26 .imgbox::before {
	position: absolute;
	z-index: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);

}

.m-list26 .imgbox img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.m-list26 .txtbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5625rem;
	box-sizing: border-box;
}

.m-list27 {
	position: relative;
}

.m-list27 .swiper {
	overflow: hidden;
}


.m-list27 .swiper-slide {
	width: 1rem;
	height: auto;

}

.m-list27 .swiper-button-prev {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--white) url(../imgs/pic_18.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	left: -4.25rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

.m-list27 .swiper-button-next {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: var(--white) url(../imgs/pic_19.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	right: -4.25rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}


.m-list27 .swiper-button-prev::after,
.m-list27 .swiper-button-next::after {
	content: '';
}


.m-list27 .swiper-button-disabled {
	opacity: 0;
}


.m-list27 .item {
	height: 100%;
}

.m-list27 .item .txtbox {
	padding: 5.3125rem 1.5625rem 6rem 1.5625rem;
	background: rgba(38, 38, 38, .35);
	border: 1px solid #484848;
	border-radius: .625rem;
	height: calc(100% - 5rem);
	box-sizing: border-box;
}

.m-list27 .item .u-p {
	position: relative;
	font-size: .9375rem;
	line-height: 1.5rem;
	text-align: justify;
	color: var(--gray);

}

.m-list27 .item .u-p::before {
	position: absolute;
	z-index: 1;
	opacity: .1;
	content: " ";
	top: -3.75rem;
	width: 3.0625rem;
	height: 2.5rem;
	background: url(../imgs/pic_108.webp) no-repeat;
	background-size: 100% 100%;

}


.m-list27 .item .u-p::after {
	position: absolute;
	z-index: 1;
	opacity: .1;
	content: " ";
	right: 0;
	bottom: -3.125rem;
	width: 3.0625rem;
	height: 2.5rem;
	background: url(../imgs/pic_109.webp) no-repeat;
	background-size: 100% 100%;

}

.m-list27 .author {
	transform: translateY(-2.8125rem);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.m-list27 .author img {
	width: 5.625rem;
	height: 5.625rem;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0px 0px .625rem 0px rgba(0, 0, 0, 0.1);
}

.m-list27 .author h2 {
	white-space: nowrap;
	font-size: .9375rem;
	margin-top: .9375rem;
	color: var(--white);
}

.m-list27 .author .u-span1 {
	background: #DAEBFF;
	color: var(--default);
}

.m-list27 .author .u-span2 {
	background: #DCFFFF;
	color: var(--default);
}

.m-list27 .author .u-span3 {
	background: #ECE6FF;
	color: var(--default);
}

.m-list27 .author .u-span4 {
	background: #FDECF1;
	color: var(--default);
}


.m-list32 {
	position: relative;
}

.m-list32 .swiper-slide {
	position: relative;
	border-radius: 1.875rem;
	overflow: hidden;
	/* box-shadow: 0 0 1.25rem rgba(0, 0, 20, .15); */
}

.m-list32 .swiper-slide .u-img {
	width: 100%;
	object-fit: cover;
	border-radius: 1.25rem;
}

.m-list32 .swiper-slide .u-h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: var(--white);
	font-size: 1.25rem;
	padding: 1.5625rem;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(43, 43, 43, 0.83) 100%);
	border-radius: 0px 0px 1.25rem 1.25rem;
}

.m-list32 .swiper-button-prev {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: rgba(255, 255, 255, 0.30) url(../imgs/pic_23.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	left: 1.875rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

.m-list32 .swiper-button-next {
	position: absolute;
	width: 3.125rem;
	height: 3.125rem;
	background: rgba(255, 255, 255, 0.30) url(../imgs/pic_24.svg) no-repeat center center;
	background-size: .7444rem 1.33rem;
	right: 1.875rem;
	border-radius: 50%;
	opacity: .5;
	box-shadow: 0 0 1.125rem rgba(7, 33, 109, .2);
	transition: opacity .3s ease-in-out;
}

/* .m-list32 .swiper-button-prev:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.m-list32 .swiper-button-next:hover {
	opacity: 1;
	transition: opacity .3s ease-in-out;
} */

.m-list32 .swiper-button-prev::after,
.m-list32 .swiper-button-next::after {
	content: '';
}

.m-keyword p {
	cursor: pointer;
}

.white {
	color: var(--white);
}

.white:hover {
	color: var(--white);
}


.m-list33 .imgbox {
	position: relative;
	height: 100%;
	overflow: hidden;
	border: 1px solid #484848;
	background: rgba(38, 38, 38, .35);
	border-radius: .75rem;
}

.m-list33 .imgbox .u-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}