.arco-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1px 4px;
	color: rgb(var(--link-6));
	font-size: 14px;
	line-height: 1.5715;
	text-decoration: none;
	background-color: transparent;
	border-radius: var(--border-radius-small);
	cursor: pointer;
	transition: all .1s cubic-bezier(0,0,1,1)
}

.arco-link:hover {
	color: rgb(var(--link-6));
	background-color: var(--color-fill-2)
}

.arco-link:active {
	color: rgb(var(--link-6));
	background-color: var(--color-fill-3);
	transition: none
}

.arco-link.arco-link-hoverless {
	display: inline;
	padding: 0;
	background-color: unset
}

.arco-link.arco-link-hoverless:active,.arco-link.arco-link-hoverless:hover {
	background-color: unset
}

.arco-link.arco-link-disabled {
	color: var(--color-link-light-3);
	background: none;
	cursor: not-allowed
}

.arco-link.arco-link-loading {
	color: var(--color-link-light-3);
	background: none;
	cursor: default
}

.arco-link-status-success,.arco-link-status-success:hover,.arco-link-status-success:active {
	color: rgb(var(--success-6))
}

.arco-link-status-success.arco-link-disabled,.arco-link-status-success.arco-link-loading {
	color: var(--color-success-light-3)
}

.arco-link-status-danger,.arco-link-status-danger:hover,.arco-link-status-danger:active {
	color: rgb(var(--danger-6))
}

.arco-link-status-danger.arco-link-disabled,.arco-link-status-danger.arco-link-loading {
	color: var(--color-danger-light-3)
}

.arco-link-status-warning,.arco-link-status-warning:hover,.arco-link-status-warning:active {
	color: rgb(var(--warning-6))
}

.arco-link-status-warning.arco-link-disabled,.arco-link-status-warning.arco-link-loading {
	color: var(--color-warning-light-2)
}

.arco-link-icon {
	margin-right: 6px;
	font-size: 12px;
	vertical-align: middle
}

.style_block1Wrapper[data-v-2bdac558] {
	position: relative;
	width: 1160px;
	height: 630px
}

.style_block1Wrapper .style_block1Background[data-v-2bdac558] {
	position: absolute;
	top: -70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translate(-50%)
}

.style_block1Wrapper .style_block1Banner[data-v-2bdac558] {
	position: absolute;
	top: 43px;
	left: 620px;
	width: 808px
}

.style_block1Wrapper .style_block1TextWrapper[data-v-2bdac558] {
	position: absolute;
	top: 153px;
	z-index: 1;
	width: 500px
}

@-webkit-keyframes A_tA-2bdac558 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes A_tA-2bdac558 {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes OS_Slider_Left-2bdac558 {
	0% {
		-webkit-transform: translateX(-50px);
		transform: translate(-50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes OS_Slider_Left-2bdac558 {
	0% {
		-webkit-transform: translateX(-50px);
		transform: translate(-50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes OS_Slider_Left_Img_Bg-2bdac558 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0);
		opacity: 0
	}

	to {
		-webkit-transform: rotate(9deg);
		transform: rotate(9deg);
		opacity: 1
	}
}

@keyframes OS_Slider_Left_Img_Bg-2bdac558 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0);
		opacity: 0
	}

	to {
		-webkit-transform: rotate(9deg);
		transform: rotate(9deg);
		opacity: 1
	}
}

@-webkit-keyframes OS_Slider_Right-2bdac558 {
	0% {
		-webkit-transform: translateX(50px);
		transform: translate(50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes OS_Slider_Right-2bdac558 {
	0% {
		-webkit-transform: translateX(50px);
		transform: translate(50px);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.style_block1Wrapper .style_block1TextWrapper .style_dot[data-v-2bdac558] {
	padding: 2px 8px;
	border-radius: 12px;
	letter-spacing: .5px;
	background-color: #e43f52;
	color: #fff;
	font-size: 12px
}

.style_block1Wrapper .style_block1TextWrapper .style_title[data-v-2bdac558] {
	margin-bottom: 0;
	color: #12141a;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: .5px;
	margin-top: 8px
}

.style_block1Wrapper .style_block1TextWrapper .style_desc[data-v-2bdac558] {
	margin-top: 20px;
	color: #8492a6;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	line-height: 24px
}

.style_block1Wrapper .style_block1TextWrapper .style_desc2[data-v-2bdac558] {
	margin-top: 10px;
	margin-bottom: 26px;
	color: #8492a6;
	font-weight: 400;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	display: flex;
	align-items: center
}

.style_block1Wrapper .style_block1TextWrapper .style_desc2 img[data-v-2bdac558] {
	margin-right: 4px
}

.style_block1Wrapper .style_block1TextWrapper .style_entryBtn[data-v-2bdac558] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 48px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	background: #1966ff;
	border-radius: 24px;
	box-shadow: 0 4px 8px #78abff80;
	cursor: pointer
}

.style_block1Wrapper .style_block1TextWrapper .style_entryText[data-v-2bdac558] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 32px;
	color: #1966ff;
	font-weight: 500;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	border-radius: 24px;
	cursor: pointer
}

.style_block1Wrapper .style_block1TextWrapper .style_entryBtn[data-v-2bdac558]:hover {
	background: #4784ff
}

.style_block1Wrapper .style_block1TextWrapper .style_entryBtn.style_enterBtn[data-v-2bdac558] {
	margin-left: 16px;
	color: #1966ff;
	background: #fff;
	box-shadow: none
}

.style_block1Wrapper .style_block1TextWrapper .style_entryBtn.style_enterBtn[data-v-2bdac558]:hover {
	background: #fff
}

.style_wrapper[data-v-2bdac558] {
	position: absolute;
	top: 43px;
	left: 622px;
	z-index: 10;
	width: 808px;
	height: 595px
}

.style_wrapper div[data-v-2bdac558] {
	background-size: 100% 100%
}

.style_A1[data-v-2bdac558] {
	position: absolute;
	top: 0;
	left: 96px;
	width: 275px;
	height: 275px;
	background-image: url(../img/index/index_stylea1.png);
	-webkit-animation: style_a_crossa .8s cubic-bezier(.165,.84,.44,1);
	animation: style_A_crossA-2bdac558 .8s cubic-bezier(.165,.84,.44,1)
}

.style_A2[data-v-2bdac558] {
	position: absolute;
	top: 39px;
	left: 339px;
	width: 274px;
	height: 185px;
	background-image: url(../img/index/index_stylea2.png);
	-webkit-animation: style_a_crossb__idoxd .8s cubic-bezier(.165,.84,.44,1);
	animation: style_A_crossB-2bdac558 .8s cubic-bezier(.165,.84,.44,1)
}

.style_A3[data-v-2bdac558] {
	position: absolute;
	top: 188px;
	left: 339px;
	width: 465px;
	height: 305px;
	background-image: url(../img/index/index_stylea3.png);
	-webkit-animation: style_a_crossc .8s cubic-bezier(.165,.84,.44,1);
	animation: style_A_crossC-2bdac558 .8s cubic-bezier(.165,.84,.44,1)
}

.style_A4[data-v-2bdac558] {
	position: absolute;
	top: 410px;
	left: 84px;
	width: 294px;
	height: 185px;
	background-image: url(../img/index/index_stylea4.png);
	-webkit-animation: style_a_crossd .8s cubic-bezier(.165,.84,.44,1);
	animation: style_A_crossD-2bdac558 .8s cubic-bezier(.165,.84,.44,1)
}

.style_A5[data-v-2bdac558] {
	position: absolute;
	top: 237px;
	left: 0;
	width: 359px;
	height: 189px;
	background-image: url(../img/index/index_stylea5.png);
	-webkit-animation: style_a_crosse .8s cubic-bezier(.165,.84,.44,1);
	animation: style_A_crossE-2bdac558 .8s cubic-bezier(.165,.84,.44,1)
}

@-webkit-keyframes style_A_crossA-2bdac558 {
	0% {
		top: -50px;
		left: 46px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes style_A_crossA-2bdac558 {
	0% {
		top: -50px;
		left: 46px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes style_A_crossB-2bdac558 {
	0% {
		top: -50px;
		left: 389px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes style_A_crossB-2bdac558 {
	0% {
		top: -50px;
		left: 389px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes style_A_crossC-2bdac558 {
	0% {
		top: 238px;
		left: 389px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes style_A_crossC-2bdac558 {
	0% {
		top: 238px;
		left: 389px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes style_A_crossD-2bdac558 {
	0% {
		top: 460px;
		left: 34px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes style_A_crossD-2bdac558 {
	0% {
		top: 460px;
		left: 34px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes style_A_crossE-2bdac558 {
	0% {
		left: -50px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes style_A_crossE-2bdac558 {
	0% {
		left: -50px;
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.slide-box[data-v-2bdac558] {
	margin-top: 64px
}

.slide-box .slide[data-v-2bdac558] {
	position: relative;
	display: flex;
	justify-content: center
}

.slide-box .slide .swiper[data-v-2bdac558] {
	width: 100%;
	height: 445px
}

.slide-box .slide .swiper-slide[data-v-2bdac558] {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	text-align: center;
	background: #fff
}

.slide-box .slide .swiper-slide .wapper[data-v-2bdac558] {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.slide-box .slide .swiper-slide .wapper .bg[data-v-2bdac558] {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.slide-box .slide .swiper-slide .wapper .text-box[data-v-2bdac558] {
	position: absolute;
	width: 1192px
}

.slide-box .slide .login-box[data-v-2bdac558] {
	position: absolute;
	right: calc((100% - 1000px)/2);
	bottom: 66px;
	z-index: 2;
	box-sizing: border-box;
	width: 324px;
	text-align: left;
	background: #fff;
	border-radius: 12px
}

.slide-box .slide .login-box .forms[data-v-2bdac558] {
	padding: 16px
}

.slide-box .slide .login-box .forms .tip[data-v-2bdac558] {
	position: absolute;
	top: 14px;
	right: 16px;
	display: inline-block;
	padding: 3px 8px;
	color: #326bfb;
	font-weight: 400;
	font-size: 12px;
	font-family: PingFang SC;
	font-style: normal;
	text-align: center;
	background: #f0f7ff;
	border-radius: 4px
}

.slide-box .slide .login-box .forms .title[data-v-2bdac558] {
	padding-top: 38px;
	padding-bottom: 16px;
	color: #222;
	font-weight: 700;
	font-size: 18px;
	font-family: PingFang SC;
	font-style: normal;
	line-height: 28px;
	text-align: center
}

.slide-box .slide .login-box .forms[data-v-2bdac558] .arco-input-wrapper {
	border-radius: 8px
}

.slide-box .slide .login-box .quest-login[data-v-2bdac558] {
	display: flex;
	justify-content: center;
	color: var(--color-text-3);
	font-size: 12px
}

.slide-box .slide .login-box .quest-login a[data-v-2bdac558] {
	color: rgb(var(--primary-6))
}

.slide-box .slide .login-box .login-form-agreement-actions[data-v-2bdac558] {
	display: flex;
	justify-content: center;
	color: var(--color-text-3);
	font-size: 12px;
	background-color: #f8f8f8;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px
}

.slide-box .slide .login-box .login-form-agreement-actions a[data-v-2bdac558] {
	color: var(--color-text-2)
}

.slide-box .slide .seller[data-v-2bdac558] {
	position: absolute;
	bottom: -68px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	width: 1000px;
	height: 108px;
	margin: 0 auto;
	padding: 0 20px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 32px #d9d9d933
}

.slide-box .slide .seller .item[data-v-2bdac558] {
	display: flex;
	flex: 200px 0;
	align-items: center;
	cursor: pointer
}

.slide-box .slide .seller .item .img-box[data-v-2bdac558] {
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 8px
}

.slide-box .slide .seller .item .img-box .img[data-v-2bdac558] {
	width: 64px;
	height: 64px;
	color: transparent;
	vertical-align: middle;
	border-style: none
}

.slide-box .slide .seller .item .detail[data-v-2bdac558] {
	margin-left: 8px
}

.slide-box .slide .seller .item .detail .title[data-v-2bdac558] {
	display: flex;
	align-items: center;
	max-width: 120px;
	margin-bottom: 0;
	overflow: hidden;
	color: #1f1f1f;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.slide-box .slide .seller .item .detail .desc[data-v-2bdac558] {
	max-width: 130px;
	margin-bottom: 6px;
	overflow: hidden;
	color: #8c8c8c;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.slide-box .slide .seller .item .detail .link[data-v-2bdac558] {
	display: flex;
	align-items: center;
	color: #326bfb;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px
}

.screen3[data-v-2bdac558] {
	width: 1192px;
	margin: 80px auto 0
}

.screen3 h1[data-v-2bdac558] {
	height: 45px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center
}

.screen3 h3[data-v-2bdac558] {
	height: 25px;
	margin-bottom: 60px;
	color: #666;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: center
}

.screen3 .s2_list[data-v-2bdac558] {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.screen3 .list_item[data-v-2bdac558] {
	width: 280px;
	height: 310px;
	overflow: hidden;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 20px #455be51f;
	transition: all .5s
}

.screen3 .list_item[data-v-2bdac558]:hover {
	transform: translateY(-16px)
}

.screen3 .item_top[data-v-2bdac558] {
	position: relative;
	width: 280px;
	height: 80px;
	overflow: hidden;
	line-height: 80px;
	border-radius: 10px 10px 0 0
}

.screen3 .item_top.item_top1[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#e0e9ff -7.92%,#fff 65.65%)
}

.screen3 .item_top.item_top2[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#ddf5f3 -7.92%,#fff 65.65%)
}

.screen3 .item_top.item_top3[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#f9ebe4 -7.92%,#fff 65.65%)
}

.screen3 .item_top.item_top4[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#f1eaff -7.92%,#fff 65.65%)
}

.screen3 .item_top img[data-v-2bdac558] {
	width: 20px;
	margin-right: 8px
}

.screen3 .item_top span[data-v-2bdac558] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	margin: auto;
	padding: 0 30px;
	color: var(--color-text-1);
	font-weight: 700;
	font-size: 18px;
	text-align: center
}

.screen3 .item_con[data-v-2bdac558] {
	background: #fff
}

.screen3 .item_c_i[data-v-2bdac558] {
	width: 280px;
	padding: 10px 30px 0
}

.screen3 .item_c_i .circle[data-v-2bdac558] {
	width: 10px;
	height: 10px;
	margin-right: 7px;
	background-color: #0149ff;
	border-radius: 50%
}

.screen3 .item_c_i .circle[data-v-2bdac558]:after {
	position: relative;
	top: 2px;
	left: 2px;
	display: block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	content: ""
}

.screen3 .item_c_i .tit[data-v-2bdac558] {
	display: flex;
	align-items: center;
	height: 24px;
	margin-bottom: 10px;
	line-height: 24px
}

.screen3 .item_c_i span[data-v-2bdac558] {
	color: #000;
	font-weight: 500;
	font-size: 16px
}

.screen3 .item_c_i.i_active .circle[data-v-2bdac558] {
	background: #5cf2ff
}

.screen3 .item_c_i p[data-v-2bdac558] {
	height: 40px;
	padding-left: 17px;
	color: #999;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px
}

.screen2[data-v-2bdac558] {
	width: 1192px;
	margin: 125px auto 0
}

.screen2 h1[data-v-2bdac558] {
	height: 45px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center
}

.screen2 h3[data-v-2bdac558] {
	height: 25px;
	margin-bottom: 60px;
	color: #666;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: center
}

.screen2 .controller[data-v-2bdac558] {
	display: flex;
	overflow: hidden;
	border-radius: 12px
}

.screen2 .controller .left-wrapper[data-v-2bdac558] {
	position: relative;
	padding: 40px;
	background-color: #f9fbff;
	background-image: linear-gradient(270deg,rgba(228,234,252,.4) 0,rgba(249,251,255,.4) 100%)
}

.screen2 .controller .left-wrapper .item[data-v-2bdac558] {
	position: relative;
	display: flex;
	align-items: center;
	width: 154px;
	margin-bottom: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	background-image: linear-gradient(134.76deg,#fff 22.69%,#f2f6ff 104.23%);
	border-radius: 12px;
	box-shadow: 0 6px 12px -10px #245bdb0f,0 8px 24px #245bdb0a,0 10px 36px 10px #245bdb0a;
	cursor: pointer
}

.screen2 .controller .left-wrapper .item .tab-solution-text[data-v-2bdac558] {
	margin-left: 6px
}

.screen2 .controller .left-wrapper .item.active[data-v-2bdac558] {
	box-shadow: none
}

.screen2 .controller .left-wrapper .item.active .tab-solution-bg[data-v-2bdac558] {
	z-index: 1;
	opacity: 1
}

.screen2 .controller .left-wrapper .item.active .tab-solution-text[data-v-2bdac558] {
	z-index: 1;
	color: #0f1114!important
}

.screen2 .controller .left-wrapper .item.active .hc_Svg[data-v-2bdac558] {
	z-index: 1
}

.screen2 .controller .left-wrapper .tab-solution-bg[data-v-2bdac558] {
	position: absolute;
	top: 0;
	left: -6px;
	height: 100%;
	opacity: 0;
	filter: drop-shadow(0)
}

.screen2 .controller .left-wrapper .tab-solution-bg-default[data-v-2bdac558] {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0
}

.screen2 .controller .right-wrapper[data-v-2bdac558] {
	display: flex;
	flex: 1;
	height: 420px;
	background-color: #f9fbff
}

.screen2 .controller .right-wrapper>div[data-v-2bdac558] {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.screen2 .controller .right-wrapper>div .w-content[data-v-2bdac558] {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 64px 64px 56px 40px
}

.screen2 .controller .right-wrapper>div .w-content .item[data-v-2bdac558] {
	display: flex;
	margin-bottom: 40px
}

.screen2 .controller .right-wrapper>div .w-content .item .left[data-v-2bdac558] {
	position: relative;
	top: 3px;
	flex-shrink: 0
}

.screen2 .controller .right-wrapper>div .w-content .item .left span[data-v-2bdac558] {
	padding: 4px 6px;
	color: #245bdb;
	font-weight: 600;
	font-size: 12px;
	line-height: 12px;
	background-color: #cedfff;
	border-radius: 100px
}

.screen2 .controller .right-wrapper>div .w-content .item .right[data-v-2bdac558] {
	margin-left: 12px
}

.screen2 .controller .right-wrapper>div .w-content .item .right .title[data-v-2bdac558] {
	margin: 0;
	padding: 0;
	color: #0a0a0a;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px
}

.screen2 .controller .right-wrapper>div .w-content .item .right .sub_title[data-v-2bdac558] {
	margin: 8px 0 0;
	padding: 0;
	color: #505050;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px
}

.screen2 .controller .right-wrapper>div .w-image[data-v-2bdac558] {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 320px;
	padding: 40px
}

.screen2 .controller .right-wrapper>div .w-image img[data-v-2bdac558] {
	width: 100%;
	height: 340px;
	object-fit: cover;
	border-radius: 8px
}

.screen4[data-v-2bdac558] {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 50px;
	background: #f0f6ff
}

.screen4 h1[data-v-2bdac558] {
	height: 45px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center
}

.screen4 .endorsement-tips[data-v-2bdac558] {
	color: #00000080;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	text-align: center
}

.screen4 .endorsement-tips .text-blue[data-v-2bdac558] {
	color: #0064ff;
	font-weight: 700;
	font-size: 32px;
	line-height: 72px
}

.screen4 .endorsement-tips .text-orange[data-v-2bdac558] {
	color: #ffa000;
	font-weight: 700;
	font-size: 32px;
	line-height: 72px
}

.screen4 .persons[data-v-2bdac558] {
	box-sizing: border-box;
	height: 100%;
	padding-top: 32px;
	padding-bottom: 32px;
	overflow-x: hidden
}

@-webkit-keyframes animation-carousel-2bdac558 {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-100%)
	}
}

@keyframes animation-carousel-2bdac558 {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-100%)
	}
}

.screen4 .persons .persons-list[data-v-2bdac558] {
	position: relative;
	display: flex;
	align-items: center;
	-webkit-animation: animation-carousel-2bdac558 60s linear infinite running;
	animation: animation-carousel-2bdac558 60s linear infinite running;
	will-change: transform
}

.screen4 .persons .persons-list .item[data-v-2bdac558] {
	margin: 0 8px
}

.screen4 .persons .persons-list .item .card[data-v-2bdac558] {
	position: relative;
	flex-shrink: 0;
	width: 255px;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 6px 32px #2529310f;
	transition: all .3s
}

.screen4 .persons .persons-list .item .card .top[data-v-2bdac558] {
	width: 100%;
	height: 82px;
	overflow: hidden;
	transition: all .3s
}

.screen4 .persons .persons-list .item .card .top img[data-v-2bdac558] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.screen4 .persons .persons-list .item .card .logo[data-v-2bdac558] {
	position: absolute;
	top: 59px;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 3.2px 12.8px #25293114;
	transform: translate(-50%);
	transition: all .3s
}

.screen4 .persons .persons-list .item .card .nickname[data-v-2bdac558] {
	margin-top: 38px;
	color: #252931;
	font-weight: 600;
	font-size: 16px;
	line-height: 15px
}

.screen4 .persons .persons-list .item .card .tags[data-v-2bdac558] {
	display: flex;
	justify-content: center;
	margin-top: 8px
}

.screen4 .persons .persons-list .item .card .tags .tag[data-v-2bdac558] {
	margin: 0 4px;
	padding: 2px 4px;
	color: #1966ff;
	font-size: 12px;
	line-height: 13px;
	background-color: #ebf3ff;
	border-radius: 4px
}

.screen4 .persons .persons-list .item .card .desc[data-v-2bdac558] {
	display: -webkit-box;
	margin: 16px 14px 24px;
	overflow: hidden;
	color: #7f7f7f;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .01em;
	text-align: left;
	text-overflow: ellipsis;
	word-break: break-all;
	transition: all .3s;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.screen5[data-v-2bdac558] {
	width: 1192px;
	margin: 80px auto 0
}

.screen5 h1[data-v-2bdac558] {
	height: 45px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center
}

.screen5 h3[data-v-2bdac558] {
	height: 25px;
	margin-bottom: 60px;
	color: #666;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: center
}

.screen5 .list[data-v-2bdac558] {
	display: flex;
	justify-content: center;
	width: 100%
}

.screen5 .list .item[data-v-2bdac558] {
	position: relative;
	width: 310px;
	min-height: 281px;
	margin: 0 13px
}

.screen5 .list .item .card[data-v-2bdac558]:hover {
	box-shadow: 0 8px 20px #455be51f;
	transform: translateY(-8px)
}

.screen5 .list .item .card[data-v-2bdac558] {
	position: relative;
	box-sizing: border-box;
	height: 254px;
	margin: 0 40px 0 0;
	padding: 26px 0;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 20px #455be51f;
	transition: all .5s
}

.screen5 .list .item .card .card-header[data-v-2bdac558] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 26px
}

.screen5 .list .item .card .card-header .left[data-v-2bdac558] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.screen5 .list .item .card .card-header .left[data-v-2bdac558]:before {
	position: absolute;
	left: -8px;
	width: 4px;
	height: 60%;
	background: rgb(var(--primary-5));
	border-radius: 8px;
	content: " "
}

.screen5 .list .item .card .card-header .left .title[data-v-2bdac558] {
	z-index: 1;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 27px
}

.screen5 .list .item .card .card-content[data-v-2bdac558] {
	box-sizing: border-box;
	width: 100%;
	padding: 0
}

.screen5 .list .item .card .card-content .part[data-v-2bdac558] {
	position: relative;
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	height: 94px;
	margin: 0;
	padding: 13px 26px 0;
	border-bottom: 1px solid #edeef0;
	cursor: pointer
}

.screen5 .list .item .card .card-content .part .left[data-v-2bdac558] {
	margin: 0;
	color: #252931;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px
}

.screen5 .list .item .card .card-content .part .right[data-v-2bdac558] {
	display: flex;
	flex-direction: column;
	margin-left: 8px
}

.screen5 .list .item .card .card-content .part .right span[data-v-2bdac558] {
	display: -webkit-box;
	overflow: hidden;
	color: #252931;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.screen5 .list .item .card .card-content .part .right .date[data-v-2bdac558] {
	margin-top: 10px;
	color: #898b8f;
	font-weight: 400;
	font-size: 14px;
	font-family: PingFang SC;
	font-style: normal;
	line-height: 20px
}

.screen5 .list .item .card .card-content .part[data-v-2bdac558]:last-child {
	border-bottom: none
}

.screen5 .list .item .card .card-content .part[data-v-2bdac558]:first-child {
	margin-top: 13px
}

.screen5 .list .item .card[data-v-2bdac558]:last-child {
	margin-right: 0
}

.screen6[data-v-2bdac558] {
	width: 1192px;
	margin: 80px auto 0
}

.screen6 h1[data-v-2bdac558] {
	height: 45px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center
}

.screen6 h3[data-v-2bdac558] {
	height: 25px;
	margin-bottom: 60px;
	color: #666;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: center
}

.screen6 .list[data-v-2bdac558] {
	display: flex;
	justify-content: center;
	width: 100%
}

.screen6 .list .item[data-v-2bdac558] {
	position: relative;
	width: 310px;
	min-height: 281px;
	margin: 0 13px
}

.screen6 .list .item .card-1[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#e0e9ff -7.92%,#f8faff 65.65%)
}

.screen6 .list .item .card-2[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#ecfcf6 -7.92%,#f4f9f7 65.65%)
}

.screen6 .list .item .card-3[data-v-2bdac558] {
	background: linear-gradient(166.25deg,#fff9f1 -7.92%,#faf8f5 65.65%)
}

.screen6 .list .item .card[data-v-2bdac558]:hover {
	box-shadow: 0 8px 10px #455be51f;
	transform: translateY(-8px)
}

.screen6 .list .item .card[data-v-2bdac558] {
	position: relative;
	box-sizing: border-box;
	padding: 26px 0;
	border-radius: 16px;
	transition: all .5s
}

.screen6 .list .item .card .card-header[data-v-2bdac558] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 26px
}

.screen6 .list .item .card .card-header .left[data-v-2bdac558] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.screen6 .list .item .card .card-header .left .title[data-v-2bdac558] {
	z-index: 1;
	color: var(--color-text-2);
	font-weight: 700;
	font-size: 16px
}

.screen6 .list .item .card .card-content[data-v-2bdac558] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 16px 16px 0;
	padding: 16px 8px;
	background: rgba(255,255,255,.8);
	border-radius: 12px;
	-webkit-backdrop-filter: blur(100px) saturate(2);
	backdrop-filter: blur(100px) saturate(2)
}

.screen6 .list .item .card .card-content img[data-v-2bdac558] {
	width: 45px;
	height: 45px;
	margin-right: 4px
}

.screen6 .list .item .card .card-content .course-item-content[data-v-2bdac558] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.screen6 .list .item .card .card-content .course-item-content .desc[data-v-2bdac558] {
	display: -webkit-box!important;
	overflow: hidden;
	color: var(--color-text-2);
	font-weight: 400;
	font-weight: 600;
	font-size: 14px;
	white-space: break-spaces;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}