.goal[data-v-2f543fae] {
	width: 100%;
	font-family: PingFang SC;
	font-style: normal;
	background: #fafafa;
	background: var(--goal_bg, #fafafa);
	overflow: hidden
}

.goal .content[data-v-2f543fae] {
	margin: 0 auto;
	padding: 60px 0;
	width: 1200px
}

.goal .content .title[data-v-2f543fae] {
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #333;
	color: var(--goal_title, #333);
	margin-bottom: 16px
}

.goal .content .description[data-v-2f543fae] {
	width: 700px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #333;
	color: var(--goal_description, #333);
	opacity: .6;
	margin: 0 auto 64px
}

.goal .content .card-list[data-v-2f543fae] {
	display: flex;
	justify-content: space-between
}

.goal .content .card-list .card[data-v-2f543fae] {
	width: 340px;
	height: 176px;
	text-align: center
}

.goal .content .card-list .card-img[data-v-2f543fae] {
	width: 64px;
	height: 64px;
	margin: 0 auto 16px
}

.goal .content .card-list .card-title[data-v-2f543fae] {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 16px;
	color: #333
}

.goal .content .card-list .card-description[data-v-2f543fae] {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #999
}

.goal .content .action-btn[data-v-2f543fae] {
	display: flex;
	justify-content: center;
	margin-top: 48px
}

.goodness[data-v-3f786868] {
	width: 100%;
	font-family: PingFang SC;
	font-style: normal;
	background: #fafafa;
	background: var(--goodness_bg, #fafafa);
	overflow: hidden
}

.goodness .content[data-v-3f786868] {
	margin: 0 auto;
	padding-top: 60px;
	width: 1200px
}

.goodness .content .title[data-v-3f786868] {
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #333;
	color: var(--goodness_title, #333);
	margin-bottom: 16px
}

.goodness .content .description[data-v-3f786868] {
	width: 700px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #333;
	color: var(--goodness_description, #333);
	opacity: .6;
	margin: 0 auto 40px
}

.goodness .content .card-list[data-v-3f786868] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 56px
}

.goodness .content .card-list .card[data-v-3f786868] {
	width: 384px;
	height: 232px;
	padding: 0 32px;
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box
}

.goodness .content .card-list .card-img[data-v-3f786868] {
	width: 64px;
	height: 64px;
	margin: 32px auto 20px
}

.goodness .content .card-list .card-title[data-v-3f786868] {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 12px;
	color: #333
}

.goodness .content .card-list .card-description[data-v-3f786868] {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	margin-bottom: 32px
}

.goodness .content .action-btn[data-v-3f786868] {
	display: flex;
	justify-content: center;
	margin-top: 56px;
	margin-bottom: 78px
}

.product[data-v-04b7ab1c] {
	font-family: PingFang SC;
	font-style: normal;
	background: #1b1d22;
	background: var(--product_bg, #1b1d22);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.product .title[data-v-04b7ab1c] {
	margin-top: 60px;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	color: var(--product_title, #fff);
	margin-bottom: 16px
}

.product .description[data-v-04b7ab1c] {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	color: var(--product_description, #fff);
	opacity: .6;
	margin-bottom: 115px
}

.resource-info-detail[data-v-04b7ab1c] {
	display: flex;
	margin-top: 89px;
	background: #1b1d22
}

.resource-info-detail .detail[data-v-04b7ab1c] {
	padding: 0;
	height: 650px;
	display: flex;
	width: 1380px;
	justify-content: space-between
}

.resource-info-detail .phone[data-v-04b7ab1c] {
	width: 620px;
	height: 1008px;
	position: relative
}

.resource-info-detail .phone .phone-shadow[data-v-04b7ab1c] {
	position: absolute;
	left: 0;
	top: 0
}

.resource-info-detail .phone .phone-border[data-v-04b7ab1c] {
	position: absolute;
	left: 7.8px;
	top: 5.8px;
	width: 305.5px;
	height: 633.4px
}

.resource-info-detail .phone .phone-content[data-v-04b7ab1c] {
	position: absolute;
	top: 21px;
	left: 132px;
	width: 254px;
	height: 537px;
	overflow: hidden;
	border: 5px solid #000;
	box-sizing: border-box;
	border-radius: 31px
}

.resource-info-detail .phone .phone-content>img[data-v-04b7ab1c] {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0
}

.resource-info-detail .phone .phone-content .current[data-v-04b7ab1c] {
	transform: scale(1.08)
}

.resource-info-detail .phone .phone-content .current-actived[data-v-04b7ab1c] {
	transform: scale(1);
	transition: all .8s
}

.resource-info-detail .phone .switch-btn[data-v-04b7ab1c] {
	width: 64px;
	height: 633.4px;
	position: absolute;
	top: 0;
	padding-top: 250px;
	transition: background .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: none
}

.resource-info-detail .phone .switch-btn .iconfont[data-v-04b7ab1c] {
	color: #fff;
	font-size: 14px;
	font-weight: 700
}

.resource-info-detail .phone .switch-btn:hover>div[data-v-04b7ab1c] {
	background: hsla(0, 0%, 100%, .15)
}

.resource-info-detail .phone .switch-btn:active>div[data-v-04b7ab1c] {
	background: hsla(0, 0%, 100%, .2)
}

.resource-info-detail .phone .switch-btn>div[data-v-04b7ab1c] {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: hsla(0, 0%, 100%, .08);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.resource-info-detail .phone .switch-btn>div img[data-v-04b7ab1c] {
	width: 6px;
	height: 12px
}

.resource-info-detail .phone .switch-btn.left[data-v-04b7ab1c] {
	left: 0
}

.resource-info-detail .phone .switch-btn.right[data-v-04b7ab1c] {
	right: 76px
}

.resource-info-detail .info[data-v-04b7ab1c] {
	width: 690px
}

.resource-info-detail .info.dongchedi-wrapper .tabs[data-v-04b7ab1c],
.resource-info-detail .info.faceu-wrapper .tabs[data-v-04b7ab1c],
.resource-info-detail .info.qingyan-wrapper .tabs[data-v-04b7ab1c] {
	border-bottom: 1px solid rgba(51, 51, 51, .4) !important
}

.resource-info-detail .info.dongchedi-wrapper .info-desc .info-desc-text .content[data-v-04b7ab1c],
.resource-info-detail .info.dongchedi-wrapper .tabs .tab-item[data-v-04b7ab1c],
.resource-info-detail .info.faceu-wrapper .info-desc .info-desc-text .content[data-v-04b7ab1c],
.resource-info-detail .info.faceu-wrapper .tabs .tab-item[data-v-04b7ab1c],
.resource-info-detail .info.qingyan-wrapper .info-desc .info-desc-text .content[data-v-04b7ab1c],
.resource-info-detail .info.qingyan-wrapper .tabs .tab-item[data-v-04b7ab1c] {
	color: #333
}

.resource-info-detail .info.douyin-wrapper .action span[data-v-04b7ab1c],
.resource-info-detail .info.douyin-wrapper .tab-item[data-v-04b7ab1c]:hover {
	color: #5784ff !important
}

.resource-info-detail .info .tabs[data-v-04b7ab1c] {
	border-bottom: 1px solid hsla(0, 0%, 100%, .4);
	width: 100%;
	position: relative
}

.resource-info-detail .info .tabs .tab-item[data-v-04b7ab1c] {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	transition: background .2s;
	cursor: pointer;
	padding: 24px 0 25px;
	flex: 1
}

.resource-info-detail .info .tabs .tab-item[data-v-04b7ab1c]:hover {
	color: #0548ff
}

.resource-info-detail .info .tabs .tab-item.active[data-v-04b7ab1c] {
	font-weight: 700;
	transition: all .2s
}

.resource-info-detail .info .tabs .tab-item a[data-v-04b7ab1c] {
	color: #fff
}

.resource-info-detail .info.zhuxiaobang-wrapper .action span[data-v-04b7ab1c] {
	color: #0548ff !important
}

.resource-info-detail .info.zhuxiaobang-wrapper .tabs .tab-item[data-v-04b7ab1c]:hover {
	color: #0548ff
}

.resource-info-detail .info .info-desc[data-v-04b7ab1c] {
	height: 373px;
	display: flex;
	flex-direction: column
}

.resource-info-detail .info .info-desc .fade-switch-item[data-v-04b7ab1c]:first-child {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.resource-info-detail .info .info-desc .info-desc-text .content[data-v-04b7ab1c] {
	color: #fff;
	font-size: 18px;
	line-height: 32px
}

.resource-info-detail .info .info-desc .info-desc-text .action[data-v-04b7ab1c] {
	display: flex;
	align-items: center;
	margin-top: 10px;
	cursor: pointer
}

.resource-info-detail .info .info-desc .info-desc-text .action span[data-v-04b7ab1c] {
	color: #0548ff;
	font-size: 18px;
	line-height: 24px;
	margin-right: 8px;
	transition: color .2s
}

.resource-info-detail .info .info-desc .info-desc-text .action .iconfont[data-v-04b7ab1c] {
	font-size: 12px
}

.resource-info-detail .info .info-desc .info-desc-radios[data-v-04b7ab1c] {
	height: 46px;
	background: hsla(0, 0%, 100%, .16);
	border-radius: 23px;
	padding: 4px;
	box-sizing: border-box;
	display: inline-block;
	position: relative
}

.resource-info-detail .info .info-desc .info-desc-radios.small .info-desc-radios-item[data-v-04b7ab1c] {
	width: 96px
}

.resource-info-detail .info .info-desc .info-desc-radios.normal .info-desc-radios-item[data-v-04b7ab1c] {
	width: 158px
}

.resource-info-detail .info .info-desc .info-desc-radios.toutiao[data-v-04b7ab1c] {
	background: rgba(51, 51, 51, .1)
}

.resource-info-detail .info .info-desc .info-desc-radios.toutiao .active[data-v-04b7ab1c] {
	color: #ff5251
}

.resource-info-detail .info .info-desc .info-desc-radios.douyin .active[data-v-04b7ab1c] {
	color: #333
}

.resource-info-detail .info .info-desc .info-desc-radios.xigua[data-v-04b7ab1c] {
	background: rgba(51, 51, 51, .1)
}

.resource-info-detail .info .info-desc .info-desc-radios.xigua .active[data-v-04b7ab1c] {
	color: #fa5b7d
}

.resource-info-detail .info .info-desc .info-desc-radios.dongchedi[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.faceu[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.qingyan[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang[data-v-04b7ab1c] {
	background: rgba(51, 51, 51, .1);
	color: #333 !important
}

.resource-info-detail .info .info-desc .info-desc-radios.dongchedi .active[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.faceu .active[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.qingyan .active[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang .active[data-v-04b7ab1c] {
	color: #fff !important
}

.resource-info-detail .info .info-desc .info-desc-radios.dongchedi .info-desc-radios-item[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.faceu .info-desc-radios-item[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.qingyan .info-desc-radios-item[data-v-04b7ab1c],
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang .info-desc-radios-item[data-v-04b7ab1c] {
	color: #333
}

.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item[data-v-04b7ab1c] {
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	position: relative;
	z-index: 30
}

.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item.active[data-v-04b7ab1c] {
	font-weight: 700;
	transition: all .2s;
	color: #ff5251
}

.phone-content-deco-wrapper[data-v-04b7ab1c] {
	position: absolute;
	left: 21.8px;
	top: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	left: -2px;
	height: 537px
}

.phone-content-deco-wrapper .phone-content-deco[data-v-04b7ab1c] {
	height: auto;
	opacity: 1
}

.phone-content-deco-wrapper .phone-content-deco.video-deco[data-v-04b7ab1c] {
	border-radius: 9px;
	transition: all .4s
}

.phone-content-deco-wrapper .phone-content-deco.img-deco[data-v-04b7ab1c] {
	width: 100%;
	transition: all .4s cubic-bezier(.23, 1.7, .79, .9)
}

@keyframes fade-04b7ab1c {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.card-list[data-v-04b7ab1c] {
	margin-top: 90px;
	font-family: PingFang SC;
	font-style: normal;
	position: relative
}

.card-list .card[data-v-04b7ab1c] {
	position: relative;
	width: 685px;
	height: 106px;
	padding: 25px 24px;
	box-sizing: border-box;
	display: flex;
	cursor: pointer
}

.card-list .card .card-img[data-v-04b7ab1c] {
	width: 48px;
	height: 48px;
	z-index: 1;
	margin-top: 4px
}

.card-list .card .card-text[data-v-04b7ab1c] {
	margin-left: 8px;
	z-index: 1
}

.card-list .card .card-text .card-title[data-v-04b7ab1c] {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #fff
}

.card-list .card .card-text .card-description[data-v-04b7ab1c] {
	width: 700px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: hsla(0, 0%, 100%, .9);
	margin: 8px auto 0
}

.card-list .card .card-link[data-v-04b7ab1c] {
	position: absolute;
	right: 0;
	width: 107px;
	font-size: 16px;
	line-height: 24px;
	color: #3269ff;
	z-index: 1;
	display: flex;
	align-items: center
}

.card-list .card .card-link .card-link-arrow[data-v-04b7ab1c] {
	margin-left: 10px;
	transition: all .4s
}

.card-list .card .card-link:hover .card-link-arrow[data-v-04b7ab1c] {
	margin-left: 20px
}

.card-list .card-active[data-v-04b7ab1c] {
	border-radius: 8px
}

.card-list .card-cover[data-v-04b7ab1c] {
	position: absolute;
	top: 0;
	left: 0;
	width: 685px;
	height: 106px;
	padding: 29px 24px;
	box-sizing: border-box;
	background: linear-gradient(178.67deg, rgba(57, 65, 87, .414) 1.13%, rgba(38, 45, 60, .6) 129.76%);
	box-shadow: 0 4px 40px rgba(0, 0, 0, .25);
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	z-index: 0;
	transition: all .5s;
	border-radius: 8px
}

.popup-card[data-v-04b7ab1c] {
	width: 308px;
	border: 8px solid hsla(0, 0%, 100%, .7);
	opacity: 1;
	border-radius: 10px;
	transition: height .8s, transform .8s, opacity .8s;
	filter: drop-shadow(0 6px 32px rgba(0, 0, 0, .15));
	transform: scale(1);
	box-sizing: border-box
}

.button[data-v-04b7ab1c] {
	margin-top: 96px;
	width: 280px;
	height: 48px;
	background: #3269ff;
	border-radius: 4px;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: center
}

.popup-video[data-v-04b7ab1c] {
	width: 100%;
	height: auto
}

.changing[data-v-04b7ab1c] {
	height: 0;
	border: 0 solid hsla(0, 0%, 100%, .7);
	transform: scale(0);
	opacity: 0
}

.phone:hover .switch-btn[data-v-04b7ab1c] {
	display: block
}

.id-box[data-v-f581ba88] {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}