.top-box[data-v-06e6e07e] {
	padding-top: 64px;
	width: 100%;
	height: 500px;
	box-sizing: border-box;
	background-size: 100% auto;
	overflow: hidden;
	position: relative;
	background: #1b1b1b;
	background: var(--top_bg, #1b1b1b)
}

.top-box .content[data-v-06e6e07e] {
	position: relative;
	width: 1200px;
	margin: 86px auto 0;
	padding-left: 10px;
	z-index: 99
}

.top-box .content .title[data-v-06e6e07e] {
	font-family: HYYakuHei;
	font-style: normal;
	font-weight: 800;
	font-size: 60px;
	line-height: 68px;
	color: #fff;
	color: var(--top_title, #fff);
	margin-bottom: 15px
}

.top-box .content .description[data-v-06e6e07e] {
	width: 475px;
	line-height: 24px;
	color: #fff;
	color: var(--top_description, #fff);
	opacity: .8;
	margin-bottom: 103px
}

.top-box .content .button[data-v-06e6e07e],
.top-box .content .description[data-v-06e6e07e] {
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 16px
}

.top-box .content .button[data-v-06e6e07e] {
	width: 280px;
	height: 48px;
	border-radius: 4px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	color: var(--btn_color, #fff);
	background: #3269ff;
	background: var(--top_button, #3269ff);
	cursor: pointer
}

.top-box .bg-img[data-v-06e6e07e],
.top-box .lottie[data-v-06e6e07e] {
	width: 1920px;
	height: 500px;
	position: absolute;
	top: 0;
	left: calc(50% - 960px);
	z-index: 9
}

.adtype[data-v-5da2ab92] {
	font-family: PingFang SC;
	font-style: normal;
	background: #fff;
	background: var(--type_bg, #fff);
	overflow: hidden
}

.adtype .title[data-v-5da2ab92] {
	margin-top: 60px;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #333;
	color: var(--type_title, #333);
	margin-bottom: 16px
}

.adtype .description[data-v-5da2ab92] {
	width: 700px;
	margin: 0 auto;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #333;
	color: var(--type_description, #333);
	opacity: .6
}

.resource-info-detail[data-v-5da2ab92] {
	display: flex;
	margin-top: 98px
}

.resource-info-detail .detail[data-v-5da2ab92] {
	height: 559px;
	display: flex;
	justify-content: space-between;
	width: 1290px;
	padding: 0;
	margin-bottom: 88px
}

.resource-info-detail .phone[data-v-5da2ab92],
.resource-info-detail .phone[data-v-5da2ab92]:hover {
	width: 510px;
	height: 1008px;
	position: relative
}

.resource-info-detail .phone:hover .hide[data-v-5da2ab92] {
	display: block !important
}

.resource-info-detail .phone:not(:hover) .hide[data-v-5da2ab92] {
	display: none !important
}

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

.resource-info-detail .phone .hide[data-v-5da2ab92] {
	display: none
}

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

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

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

.resource-info-detail .phone .phone-content>video[data-v-5da2ab92] {
	width: 100%
}

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

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

.resource-info-detail .phone .switch-btn[data-v-5da2ab92] {
	width: 64px;
	height: 633.4px;
	position: absolute;
	top: 0;
	padding-top: 221px;
	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-5da2ab92] {
	color: #999;
	color: var(--type_phone_arrow, #999);
	font-size: 14px;
	font-weight: 700
}

.resource-info-detail .phone .switch-btn:active>div[data-v-5da2ab92],
.resource-info-detail .phone .switch-btn:hover>div[data-v-5da2ab92] {
	background: hsla(0, 0%, 69%, .2)
}

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

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

.resource-info-detail .phone .switch-btn.left[data-v-5da2ab92] {
	left: -5px
}

.resource-info-detail .phone .switch-btn.right[data-v-5da2ab92] {
	right: 3px
}

.resource-info-detail .info[data-v-5da2ab92] {
	width: 694px;
	position: relative;
	padding-top: 24px
}

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

.resource-info-detail .info.douyin-wrapper .action span[data-v-5da2ab92] {
	color: #0548ff !important;
	color: var(--type_details_link_color, #0548ff) !important
}

.resource-info-detail .info.douyin-wrapper .tab-item[data-v-5da2ab92]:hover {
	color: #5784ff !important
}

.resource-info-detail .info .tabs[data-v-5da2ab92] {
	width: 100%;
	position: relative
}

.resource-info-detail .info .tabs .tab-item[data-v-5da2ab92] {
	color: #333;
	color: var(--type_tabs_color, #333);
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	transition: background .2s;
	cursor: pointer;
	padding-right: 56px;
	white-space: nowrap;
	opacity: .6
}

.resource-info-detail .info .tabs .tab-item .tab-item-link[data-v-5da2ab92] {
	display: inline-block;
	padding: 24px 0 25px;
	font-weight: 400
}

.resource-info-detail .info .tabs .tab-item-actived[data-v-5da2ab92] {
	opacity: 1
}

.resource-info-detail .info .tabs .tab-item-actived .tab-item-link[data-v-5da2ab92] {
	display: inline-block;
	padding: 24px 0 16px;
	border-bottom: 2px solid #3269ff;
	border-bottom: 2px solid var(--type_tabs_border_bg, #3269ff);
	font-weight: 600
}

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

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

.resource-info-detail .info .tabs .tab-item a[data-v-5da2ab92] {
	color: #333;
	color: var(--type_tabs_color, #333)
}

.resource-info-detail .info.zhuxiaobang-wrapper .action span[data-v-5da2ab92] {
	color: #0548ff !important;
	color: var(--type_details_link_color, #0548ff) !important
}

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

.resource-info-detail .info .info-desc[data-v-5da2ab92] {
	display: flex;
	flex-direction: column;
	margin-bottom: 155px
}

.resource-info-detail .info .info-desc .fade-switch-item[data-v-5da2ab92]:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 45px;
	margin-top: 60px
}

.resource-info-detail .info .info-desc .info-desc-text .content[data-v-5da2ab92] {
	color: #333;
	color: var(--type_tabs_description_color, #333);
	font-size: 18px;
	line-height: 32px
}

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

.resource-info-detail .info .info-desc .info-desc-text .action span[data-v-5da2ab92] {
	color: #0548ff;
	color: var(--type_details_link_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-5da2ab92] {
	font-size: 12px;
	vertical-align: 2px;
	transition: all .4s
}

.resource-info-detail .info .info-desc .info-desc-text .action:hover .iconfont[data-v-5da2ab92] {
	margin-left: 10px
}

.resource-info-detail .info .info-desc .info-desc-radios[data-v-5da2ab92] {
	height: 46px;
	background: #fafafa;
	background: var(--type_secondary_bg, #fafafa);
	border-radius: 23px;
	padding: 4px;
	box-sizing: border-box;
	display: inline-block;
	position: relative
}

.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item[data-v-5da2ab92] {
	padding: 0 20px
}

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

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

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

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

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

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

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

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

.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item[data-v-5da2ab92] {
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	color: #333;
	color: var(--type_secondary_tabs_color, #333);
	position: relative;
	z-index: 30
}

.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item.active[data-v-5da2ab92] {
	font-weight: 700;
	transition: all .2s;
	color: #fff;
	color: var(--type_secondary_tabs_color_a, #fff)
}

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

.phone-content-deco-wrapper .phone-content-deco[data-v-5da2ab92] {
	height: auto;
	max-height: 537px;
	opacity: 1
}

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

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

.phone-content-deco-wrapper .phone-content-deco.changing[data-v-5da2ab92] {
	opacity: 0
}

@keyframes fade-5da2ab92 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

.action-btn[data-v-5da2ab92] {
	position: absolute;
	bottom: 48px
}

.button[data-v-5da2ab92] {
	margin-top: -15px;
	width: 280px;
	height: 48px;
	background: #3269ff;
	background: var(--type_button, #3269ff);
	border-radius: 4px;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	color: var(--type_button_color, #fff);
	text-align: center;
	cursor: pointer
}

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

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

.phone:hover .switch-btn[data-v-5da2ab92] {
	display: block
}

.common-section[data-v-b2add952] {
	margin: 0 auto;
	padding: 60px 0;
	font-family: PingFang SC;
	overflow: hidden
}

.common-section.dark[data-v-b2add952] {
	background-color: #141821;
	background-image: linear-gradient(98.3deg, hsla(0, 0%, 100%, .096), rgba(92, 99, 112, .096) 100%, rgba(19, 23, 32, .096) 0, rgba(38, 44, 63, .096) 0)
}

.common-section.dark .common-header h2[data-v-b2add952] {
	color: #fff
}

.common-section.dark .common-header .sub-title-style[data-v-b2add952] {
	color: hsla(0, 0%, 100%, .6)
}

.common-section .common-header[data-v-b2add952] {
	max-width: 1200px;
	margin: 0 auto 40px;
	text-align: center
}

.common-section .common-header h2[data-v-b2add952] {
	margin-bottom: 16px;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #333
}

.common-section .common-header .sub-title-style[data-v-b2add952] {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #999
}

.common-section .common-content[data-v-b2add952] {
	max-width: 1200px;
	margin: 0 auto
}

.content[data-v-53630aa1] {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.titlearea .title[data-v-53630aa1] {
	font-size: 36px;
	line-height: 42px;
	color: #333;
	margin-bottom: 16px;
	font-weight: 700
}

.case[data-v-53630aa1] {
	background: #fff;
	background: var(--case_bg, #fff);
	padding: 60px 0 58px;
	width: 100%;
	position: relative;
	overflow: hidden
}

.case:hover .content .swipe-btn-wrapper .swipe-btn[data-v-53630aa1] {
	opacity: 1
}

.case .upflag[data-v-53630aa1] {
	position: absolute;
	top: 300px;
	width: 100%
}

.titlearea[data-v-53630aa1] {
	margin-bottom: 40px;
	text-align: center
}

.titlearea .subtitle[data-v-53630aa1] {
	color: #333
}

.case-content-wrapper[data-v-53630aa1] {
	position: relative;
	top: 100px;
	opacity: 0;
	transition: all .8s
}

.case-content-wrapper.contentup[data-v-53630aa1] {
	top: 0;
	opacity: 1
}

.case-content-wrapper .swipe-btn-wrapper[data-v-53630aa1] {
	height: 468px;
	display: flex;
	align-items: center;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: absolute;
	top: 0
}

.case-content-wrapper .swipe-btn-wrapper:hover .swipe-btn[data-v-53630aa1] {
	background: hsla(0, 0%, 78.4%, .4)
}

.case-content-wrapper .swipe-btn-wrapper:active .swipe-btn[data-v-53630aa1] {
	background: hsla(0, 0%, 78.4%, .6)
}

.case-content-wrapper .swipe-btn-wrapper.case-swiper-button-prev[data-v-53630aa1] {
	left: -96px
}

.case-content-wrapper .swipe-btn-wrapper.case-swiper-button-next[data-v-53630aa1] {
	right: -96px
}

.case-content-wrapper .swipe-btn-wrapper .swipe-btn[data-v-53630aa1] {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: hsla(0, 0%, 78.4%, .2);
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	transition: all .3s;
	opacity: 0
}

.case-content-wrapper .swipe-btn-wrapper .swipe-btn .iconfont[data-v-53630aa1] {
	color: #333;
	font-size: 14px;
	font-weight: 700
}

.case-content-wrapper .content-case[data-v-53630aa1] {
	height: 468px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .105);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	background: #fff
}

.case-content-wrapper .content-case .swiper-container[data-v-53630aa1] {
	width: 528px;
	height: 100%;
	cursor: pointer
}

.case-content-wrapper .content-case .swiper-container .case-img[data-v-53630aa1] {
	width: 100%;
	height: 100%
}

.case-content-wrapper .content-case .detail[data-v-53630aa1] {
	padding: 64px;
	width: 672px;
	height: 100%;
	box-sizing: border-box;
	background: #fff
}

.case-content-wrapper .content-case .detail .detail-title[data-v-53630aa1] {
	font-size: 32px;
	line-height: 39px;
	color: #333;
	font-weight: 700
}

.case-content-wrapper .content-case .detail .detail-divide[data-v-53630aa1] {
	width: 24px;
	height: 4px;
	background: #2f6aff;
	border-radius: 2px;
	margin-top: 24px;
	margin-bottom: 24px
}

.case-content-wrapper .content-case .detail .detail-subtitle0[data-v-53630aa1] {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: 700
}

.case-content-wrapper .content-case .detail .detail-subtitle1[data-v-53630aa1] {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-bottom: 59px
}

.case-content-wrapper .content-case .detail .detail-data[data-v-53630aa1] {
	display: flex;
	align-items: center
}

.case-content-wrapper .content-case .detail .detail-data .detail-data-item[data-v-53630aa1]:not(:last-child) {
	margin-right: 64px
}

.case-content-wrapper .content-case .detail .detail-data .detail-data-item .data[data-v-53630aa1] {
	font-family: Oswald;
	font-weight: 400;
	font-size: 50px;
	line-height: 56px;
	color: #333;
	margin-right: 8px
}

.case-content-wrapper .content-case .detail .detail-data .detail-data-item .data span[data-v-53630aa1] {
	font-weight: 500;
	font-size: 50px
}

.case-content-wrapper .content-case .detail .detail-data .detail-data-item .unit[data-v-53630aa1] {
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.case-content-wrapper .content-case .detail .detail-data .detail-data-item .label[data-v-53630aa1] {
	font-size: 16px;
	line-height: 22px;
	color: #999;
	margin-top: 10px
}

.button[data-v-53630aa1] {
	text-align: center;
	width: 280px;
	height: 48px;
	background: #3269ff;
	background: var(--case_button, #3269ff);
	border-radius: 4px;
	font-weight: 400;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	color: var(--case_button_color, #fff);
	margin: 0 auto 60px;
	cursor: pointer
}

.pagination-wrapper[data-v-53630aa1] {
	display: flex;
	justify-content: center;
	margin-top: 34px
}

.pagination-wrapper[data-v-53630aa1] .swiper-pagination-bullets {
	height: 2px;
	border-radius: 1px;
	background: #dadfe3
}

.pagination-wrapper[data-v-53630aa1] .swiper-pagination-bullets .swiper-pagination-bullet {
	margin-top: -8px;
	padding: 8px 0;
	width: 40px;
	background: transparent;
	height: 2px;
	border-radius: 1px;
	overflow: hidden;
	outline: none
}

.pagination-wrapper[data-v-53630aa1] .swiper-pagination-bullets .swiper-pagination-bullet .inner {
	display: inline-block;
	width: 100%;
	height: 100%
}

.pagination-wrapper[data-v-53630aa1] .swiper-pagination-bullets .swiper-pagination-bullet-active .inner {
	background: #000
}

.action-btn[data-v-53630aa1] {
	display: flex;
	justify-content: center;
	margin-top: 56px
}