@-webkit-keyframes animation-carousel-16de6b33 {
	0% {
		transform: translate(0)
	}

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

@keyframes animation-carousel-16de6b33 {
	0% {
		transform: translate(0)
	}

	to {
		transform: translate(-100%)
	}
}
@keyframes big-small {
0% { transform: translateX(0rpx); transform: scale(1.5); }
to { transform: translateX(0rpx); transform: scale(1); }
}
.bigsd{ animation: big-small 2s linear 1;opacity: 1!important;}

a[data-v-16de6b33],a[data-v-16de6b33]:link,a[data-v-16de6b33]:visited {
	text-decoration: none;
	color: #3662ec
}[data-v-16de6b33] {
/* padding-bottom:60px; */
	background: #080c1200;
}

.box[data-v-16de6b33] {
	background-color: #080c12
}

.box .content[data-v-16de6b33] {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 60px
}

.box .content .title[data-v-16de6b33] {
	margin-bottom: 32px;
	line-height: 52px;
	font-size: 36px;
	font-weight: 900;
	color: #fff
}

.box .content .description[data-v-16de6b33] {
	margin-bottom: 34px;
	font-size: 20px;
	line-height: 32px;
	color: #fff
}

.box .content .select-plugin[data-v-16de6b33] {
	margin-top: 76px;
	margin-bottom: 56px
}

.box .content .select-plugin .title[data-v-16de6b33] {
	font-size: 16px;
	line-height: 24px;
	font-weight: 800;
	color: #fff
}

.box .content .select-plugin .plugin-list[data-v-16de6b33] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px
}

.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
	display: inline-block;
	cursor: pointer
}

.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
	margin-bottom: 0
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item[data-v-16de6b33] {
	display: flex
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .left-info[data-v-16de6b33] {
	height: 64px
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .left-info .plugin-item-img[data-v-16de6b33] {
	width: 64px;
	height: 64px;
	border-radius: 16px
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .right-info[data-v-16de6b33] {
	height: 69px;
	margin-left: 12px
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .right-info .plugin-item-title[data-v-16de6b33] {
	height: 23px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .right-info .plugin-item-text[data-v-16de6b33] {
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #9e9e9e;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.box .content .select-resource-title[data-v-16de6b33] {
	margin-bottom: 32px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 800;
	color: #fff
}

.box .content .row[data-v-16de6b33] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 32px
}

.box .content .row>div[data-v-16de6b33] {
	display: block;
	margin-bottom: 16px
}

.box .content .row>div[data-v-16de6b33]:nth-last-child(1) {
	margin-bottom: 0
}

.box .content .row>div .item[data-v-16de6b33] {
	display: block;
	width: 100%;
	border-radius: 8px;
	transition: all .5s;
	cursor: pointer
}

.box .content .row>div .item[data-v-16de6b33]:hover {
	transform: scale(1.04)
}

.card-screen[data-v-16de6b33] {
	/*height: 456px
	opacity: 0;*/
	
}

.card-screen .two-row[data-v-16de6b33] {
	position: relative
}

.card-screen .two-row .wrap[data-v-16de6b33] {
	display: flex;
	color: #000;
	overflow: hidden;
	padding: 1.5rem;
}

.card-screen .two-row .wrap .first-row[data-v-16de6b33] {
	display: flex;
	align-items: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
/* height:212px; */
	-webkit-animation: animation-carousel-16de6b33 60s  linear infinite;
	animation: animation-carousel-16de6b33 60s linear infinite;
}

.card-screen .two-row .wrap .first-row>div[data-v-16de6b33] {
	float: left;
	display: block;
	width: 22rem;
    border-radius:8px; 
	overflow: hidden;
	/*transform: rotate(0);*/
	margin-right: 2rem;
	/*box-shadow: 5px 5px 5px #00000014, 5px -5px 5px #00000014, -5px 5px 5px #00000014, -5px -5px 5px #00000014;*/
	-moz-box-shadow:2px 2px 1rem #9696966b;
    -webkit-box-shadow:2px 2px 1rem #9696966b;
   box-shadow:2px 2px 1rem #9696966b;
}

.card-screen .two-row .wrap .first-row>div .item[data-v-16de6b33] {
	display: block;
	width: 100%;
	height: 100%;
/* border-radius:8px; */
	transition: all .5s;
	cursor: pointer;
	padding: 0rem 0rem;
	border: 0px solid #ddd;
}

.card-screen .two-row .wrap .first-row>div .item[data-v-16de6b33]:hover {
	transform: scale(1.04)
}

.card-screen .two-row .wrap .second-row[data-v-16de6b33] {
	display: flex;
	align-items: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
/* height:212px; */
	-webkit-animation: animation-carousel-16de6b33 100s linear infinite;
	animation: animation-carousel-16de6b33 100s linear infinite;
}

.card-screen .two-row .wrap .second-row>div[data-v-16de6b33] {
	float: left;
	display: block;
	width: 22rem;
	border-radius: 8px;
	overflow: hidden;
/*transform:rotate(0);*/
	margin-right: 2rem;
	/*box-shadow: 5px 5px 5px #00000014, 5px -5px 5px #00000014, -5px 5px 5px #00000014, -5px -5px 5px #00000014;*/
	-moz-box-shadow:2px 2px 1rem #9696966b;
    -webkit-box-shadow:2px 2px 1rem #9696966b;
   box-shadow:2px 2px 1rem #9696966b;
}

.card-screen .two-row .wrap .second-row>div .item[data-v-16de6b33] {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	transition: all .5s;
	cursor: pointer;
	padding: 0rem 0rem;
	border: 0px solid #ddd;
}

.card-screen .two-row .wrap .second-row>div .item[data-v-16de6b33]:hover {
	transform: scale(1.04)
}

.to-community[data-v-16de6b33] {
	display: inline-block;
	margin-top: 40px;
	text-align: right
}

.to-community.guide-arrow[data-v-16de6b33] {
	display: block;
	cursor: pointer
}

.to-community .more[data-v-16de6b33] {
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	cursor: pointer
}

.to-community.guide-btn[data-v-16de6b33] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 258px;
	height: 64px;
	margin: 20px auto 0;
	padding: 0 32px;
	background: #ffffff;
	cursor: pointer;
	border-radius: 8px
}

.to-community-img[data-v-16de6b33] {
	display: inline-block;
	width: 32px;
	height: 32px
}

.to-community-text[data-v-16de6b33] {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #3662ec
}

.to-community .right-arrow[data-v-16de6b33] {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: #3662ec
}

@media screen and (max-width: 799px) {
	.box .content[data-v-16de6b33] {
		width: calc(100vw - 40px);
		padding-top: 40px;
		padding-bottom: 0
	}

	.box .content .title[data-v-16de6b33] {
		margin-bottom: 16px;
		line-height: 36px;
		font-size: 30px
	}

	.box .content .description[data-v-16de6b33] {
		margin-top: 0;
		font-size: 14px;
		line-height: 21px
	}

	.box .content .select-plugin[data-v-16de6b33] {
		margin-top: 35px;
		margin-bottom: 40px
	}

	.box .content .select-plugin .title[data-v-16de6b33] {
		margin-bottom: 20px
	}

	.box .content .select-plugin .plugin-list[data-v-16de6b33] {
		display: block;
		margin-top: 0
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
		display: block;
		margin-bottom: 20px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
		margin-bottom: 0
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap .plugin-item .right-info .plugin-item-text[data-v-16de6b33] {
		line-height: 20px;
		max-height: 40px
	}

	.box .content .select-resource-title[data-v-16de6b33] {
		margin-top: 0;
		margin-bottom: 20px
	}

	.box .content .row[data-v-16de6b33] {
		display: block;
		margin: 0;
		grid-template-columns: auto;
		gap: 0
	}

	.box .content .row .item[data-v-16de6b33] {
		margin-bottom: 16px
	}

	.to-community[data-v-16de6b33], .guide-arrow[data-v-16de6b33] {
		margin-right: 20px
	}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
	.box .content[data-v-16de6b33] {
		width: calc(100vw - 84px);
		max-width: 940px;
		margin: 0 auto;
		padding-bottom: 0
	}

	.box .content .title[data-v-16de6b33] {
		margin-bottom: 24px;
		font-size: 32px;
		line-height: 36px
	}

	.box .content .description[data-v-16de6b33] {
		margin-bottom: 35px
	}

	.box .content .select-plugin[data-v-16de6b33] {
		margin-bottom: 40px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
		flex: 1;
		margin-right: 15px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
		margin-right: 0
	}

	.box .content .row[data-v-16de6b33] {
		margin: 20px 0 0;
		grid-template-columns: 1fr 1fr;
		gap: 20px
	}

	.box .content .row .item[data-v-16de6b33] {
		min-width: 100%;
		width: 100%;
		margin: 0
	}

	.box .content .select-resource-title[data-v-16de6b33] {
		margin-bottom: 24px
	}

	.to-community.guide-arrow[data-v-16de6b33] {
		padding-right: 42px
	}
}

@media screen and (min-width: 1025px) and (max-width: 1299px) {
	.box .content[data-v-16de6b33] {
		margin: 0 auto;
		width: calc(100vw - 84px);
		max-width: 940px
	}

	.box .content .title[data-v-16de6b33] {
		font-size: 32px;
		line-height: 36px
	}

	.box .content .row[data-v-16de6b33] {
		margin: 20px 0 0;
		grid-template-columns: 1fr 1fr;
		gap: 20px
	}

	.box .content .row .item[data-v-16de6b33] {
		min-width: 100%;
		width: 100%;
		margin: 0
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
		flex: 1;
		margin-right: 15px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
		margin-right: 0
	}

	.box .content .select-resource-title[data-v-16de6b33] {
		margin-bottom: 32px
	}

	.to-community.guide-btn[data-v-16de6b33] {
		margin-top: 60px
	}
}

@media screen and (min-width: 1300px) and (max-width: 1440px) {
[	data-v-16de6b33] {
/* padding-bottom:60px */
	}

	.box .content[data-v-16de6b33] {
		max-width: 1200px;
		width: calc(100vw - 84px)
	}

	.box .content .title[data-v-16de6b33] {
		font-size: 32px;
		line-height: 36px
	}

	.box .content .description[data-v-16de6b33] {
		margin-top: 24px;
		font-size: 14px;
		line-height: 21px
	}

	.box .content .select-plugin[data-v-16de6b33] {
		margin-top: 35px
	}

	.box .content .select-plugin .title[data-v-16de6b33] {
		font-size: 24px;
		line-height: 24px;
		color: #fff
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
		flex: 1;
		margin-right: 15px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
		margin-right: 0
	}

	.box .content .select-resource-title[data-v-16de6b33] {
		margin-bottom: 32px;
		font-size: 24px;
		font-weight: 700
	}

	.to-community.guide-btn[data-v-16de6b33] {
		margin-top: 60px;
		padding: 16px 32px
	}
}

@media screen and (min-width: 1441px) {
[	data-v-16de6b33] {
/* padding-bottom:60px; */
	}

	.box .content[data-v-16de6b33] {
		padding-bottom: 0
	}

	.box .content .select-plugin .title[data-v-16de6b33] {
		font-size: 24px;
		font-weight: 700
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33] {
		flex: 1;
		margin-right: 15px
	}

	.box .content .select-plugin .plugin-list .plugin-item-wrap[data-v-16de6b33]:nth-last-child(1) {
		margin-right: 0
	}

	.box .content .select-resource-title[data-v-16de6b33] {
		margin-bottom: 32px;
		font-size: 24px;
		font-weight: 700
	}

	.to-community.guide-btn[data-v-16de6b33] {
		margin-top: 60px;
		padding: 16px 32px
	}
}