/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body,
html,
h1,
h2,
h3 {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Source Han Sans SC", "PingFang SC", "WenQuanYi Micro Hei", "sans-serif" !important;
}

:root {
	--page-width: 75rem;
	--padding-top-4: 4rem;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: 0 solid;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body>.is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"]>.wp-block-group,
.is-root-container .wp-block[data-align="full"]>.wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-cover,
.wp-site-blocks>.wp-block-template-part>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-template-part>.wp-block-cover,
body>.is-root-container>.wp-block-cover,
body>.is-root-container>.wp-block-template-part>.wp-block-group.has-background,
body>.is-root-container>.wp-block-template-part>.wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"]>*:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
	margin-bottom: 1rem;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */

:where(pre) {
	overflow-x: auto;
}

p {
	margin: 0;
}

/* 通用 */
.margin-top-4 {
	margin-top: 4rem;
}

.padding-top-4 {
	padding-top: 4rem;
}

.padding-bottom-5 {
	padding-bottom: 5rem;
}

.padding-bottom-3 {
	padding-bottom: 3rem;
}

.margin-top-6 {
	margin-top: 6rem;
}

.padding-top-2 {
	padding-top: 2rem;
}

.back-F7F6FB {
	background: #F7F6FB;
}

.back-fff {
	background: #FFFFFF;
}

.color-8B3EFF {
	color: #8b3dff;
}

.content-top-padding {
	padding-top: 60px;
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.display-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.margin-top-70 {
	margin-top: 70px;
}

.text-center {
	text-align: center;
}

@media screen and (min-width: 1550px) {
	.width-padding-content {
		padding: 75px 5rem 80px;
	}
}

@media (max-width: 1550px) and (min-width:768px) {
	.width-padding-content {
		padding: 70px 6rem 80px;
	}
}

.width-padding-content {
	max-width: 1380px;
	margin: 0 auto;
}

.padding-top-bottom-0 {
	padding-top: 0;
	padding-bottom: 0;
}

/* 首页 */
.home-page-container {
	background: url(./assets/images/zite-index1.png?v=1.0.0) no-repeat center top;
	overflow: hidden;
	background-position: center top;
	background-size: cover;
	position: relative;
	min-width: 100%;
	color: #ffffff;
	height: 445px;
	padding-top: 134px
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.ziteyun-logo-header {
	width: 6.5rem;
}

.site-header-nav {
	display: flex;
	font-size: 0.9rem;
	color: #333333;
	align-items: center;
}

.site-header-nav p {
	padding: 1.2rem;
	margin: 0;
}

.site-header-nav span {
	padding: 0px 1.2rem;
	background: #8b3dff;
	border-radius: 1rem;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	color: #FFFFFF;
}

.site-header-nav span:hover {
	background: #7030d7
}

.home-content {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 22px;
	color: #333333;
	line-height: 27px;
	box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
	border-radius: 15px;
	display: flex;
	padding: 30px 0;
	align-items: center;
}

.home-content-item {
	display: flex;
	width: 33.33%;
	justify-content: center;
	height: 2.5rem;
	line-height: 2.5rem;
}

.header-back {
	background-color: #ffffff80;
}

.home-content-item-right {
	border-right: 3px solid #EDECF1;
}

.home-content-item img {
	width: 2rem;
	margin-right: 0.8rem;
}

.home-content-item p {
	margin: 0;
}

.width-18 {
	width: 18%;
}

.width-18 p {
	line-height: 42px;
	font-size: 18px;
	padding: 5px 29px;
	text-align: left;
	max-width: 40%;
	cursor: pointer;
	color: #333333;
}

.width-18 .active {
	background: #8B3DFF;
	border-radius: 10px;
	color: #FFFFFF;
}


.wx-program {
	border-bottom: 2px solid #EEEEEE;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 60px;
	margin-top: 40px;
}

.wx-program p:nth-child(1) {
	margin-right: 120px;
}

.wx-program p {
	margin-bottom: 0;
	cursor: pointer;
}

#wx-images {
	line-height: 0;
}

.wx-program .active {
	border-bottom: 2px solid #8B3DFF;
	padding-bottom: 20px;
}

.Hardware-Integration-box {
	margin-top: 56px;
	flex-wrap: wrap;
}

.Hardware-Integration {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 16%;
}

.Hardware-Integration-img {
	width: 144px;
	height: 144px;
	background: #FFFFFF;
	box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Hardware-Integration-content1 {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	margin-top: 20px;
}

.Hardware-Integration-content2 {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	padding: 0 20px;
	margin-top: 10px;
}

.back-zite-process {
	background: url(./assets/images/back-zite.png) no-repeat center top;
	overflow: hidden;
	background-position: center top;
	background-size: cover;
	position: relative;
	min-width: 100%;
	color: #ffffff;
	height: 533px;
}

.Industrial-Internet-Platform-bottom span {
	display: inline-block;
	margin-bottom: 20px;
	white-space: break-spaces;
	color: #333333;
}

.footer-padding {
	padding-top: 65px;
	padding-bottom: 80px;
}

.footer-item {
	margin-top: 20px;
}

.footer-contact-us {
	margin-left: 40px;
}

.footer-item p {
	margin-bottom: 15px;
}

.site-footer {
	background: #1F122E;
	color: #f5f3fa;
	font-size: 16px;
	line-height: 22px;
}

.number-index {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 60px;
	color: #333333;
	margin: 0;
}

.number-index span {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	display: inline-block;
	margin-left: 5px;
}

.text-index {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin: 0;
}


.index-title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 30px;
	color: #333333;
	margin-bottom: 1rem;
}

.index-content {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}

.home-page-container-title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 50px;
	color: #333333;
}


.home-page-container-content {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 26px;
	color: #333333;
}

.networked-management-top-content {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 26px;
	color: #333333;
	line-height: 27px;
	background: rgb(139, 61, 255, 0.1);
	padding: 2rem 3rem;
}

.networked-management-bottom {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	padding: 2rem 3rem;
}

.networked-management-item {
	width: 32%;
	background: #FFFFFF;
	box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
	border-radius: 15px;
	text-align: left;
	overflow: hidden;
}

.Industrial-Internet-Platform {
	width: 32%;
	background: #FFFFFF;
	border-radius: 25px;
	text-align: left;
	overflow: hidden;
}

.Industrial-Internet-Platform:nth-child(2) {
	margin: 0 2%;
}

.Industrial-bottom-content {
	white-space: nowrap;
	flex-wrap: wrap;
}

.Industrial-bottom-content p {
	border-radius: 10px;
	border: 1px solid #8B3DFF;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 18px;
	color: #8B3DFF;
	border-radius: 10px;
	padding: 1px 10px;
	margin-right: 12px;
}

.Industrial-bottom-content .detail {
	color: #FFFEFE;
	background: #8B3DFF;
}

.networked-management {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}

.networked-management-item:nth-child(2) {
	margin: 0 2%;
}

.Industrial-Internet-Platform-top {
	position: relative;
}

.Industrial-Internet-Platform-top p {
	position: absolute;
	top: 35px;
	font-weight: bold;
	font-size: 22px;
	color: #333333;
	line-height: 27px;
	left: 40px;
}

.Industrial-Internet-Platform-bottom {
	padding: 30px 40px;
}

.networked-management-top-content img {
	height: 3rem;
}

.Hardware-Integration-img img {
	height: 75px;
}

/* ===== 搭建流程卡片 ===== */
.build-process-cards {
	display: flex;
	justify-content: center;
	align-items: center;
	/* gap: 20px; */
	margin-top: 50px;
	flex-wrap: wrap;
}

.build-process-card img {
	height: 72px;
}

.build-process-card {
	background: #FFFFFF;
	box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
	border-radius: 15px;
	padding: 40px 0;
	width: 18.25%;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.build-process-card:hover {
	transform: translateY(-6px);
}

.build-process-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 20px;
}

.build-process-text {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 27px;
	margin-top: 22px;
}

.build-process-arrow {
	width: 5%;
	flex-shrink: 0;
}

.border-footer {
	display: inline-block;
	width: 100%;
	height: 1px;
	background: rgb(255, 255, 255, 0.75);
	margin-top: 25px;
}

.footer-contact-us img {
	margin-bottom: 5px;
}

.website-index-integration-line {
	width: 100%;
	height: 290px;
	margin-bottom: 40px;
	margin-top: 40px;
}

.website-index-integration-left {
	width: 190px;
	height: 100%;
	background-size: 100% 100%;
	float: left;
	position: relative;
	border-radius: 6px;
	margin-right: 37px;
}

.website-index-integration-left-bottom {
	background: url(./assets/images/website-index-integration1.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 6px;
}

.website-index-integration-left-bottom2 {
	background: url(./assets/images/website-index-integration2.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 6px;
}

.website-index-integration-device {
	width: 180px;
	height: 223px;
	margin-top: 30px;
	margin-right: 35px;
	display: inline-block;
	overflow: hidden;
	box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
	border-radius: 15px;
}

.website-index-integration-device-name {
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 20px;
	background: #8b3dff;
	height: 45px;
	line-height: 45px;
}

.website-index-integration-device-img {
	width: 180px;
	height: 180px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.website-index-integration-device-img img {
	max-height: 80%;
	max-width: 80%;
}

.website-index-integration-right {
	width: 985px;
	height: 100%;
	overflow: auto;
	white-space: nowrap;
	float: right;
}

.index-integration-device2 {
	height: 235px;
}

.index-integration-device-name2 {
	height: 55px;
	line-height: 24px;
	white-space: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}

.website-index-integration-right::-webkit-scrollbar {
	height: 8px;
}

.website-index-integration-right::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.website-index-integration-right::-webkit-scrollbar-thumb {
	background: #DCC8FD;
	border-radius: 4px;
}

.website-index-integration-right::-webkit-scrollbar-thumb:hover {
	background: #c8a9f9;
}

.website-index-integration-left-title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 27px;
	/* text-align: left; */
}

.website-index-integration-left-node {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	/* text-align: left; */
	margin: 20px 0 35px;
}

.website-index-integration-left-more {
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 20px;
	padding: 7px 20px;
	text-decoration: none;
}

.website-index-integration-absolute {
	top: 16%;
	position: absolute;
	left: 0;
	width: 80%;
	padding: 0 10%;
}

.website-index-integration-absolute2 {
	top: 16%;
	position: absolute;
	left: 0;
	width: 80%;
	padding: 0 10%;
}

.small-content-margin {
	margin-left: 100px;
	margin-right: 100px;
}

#platform-tabs {
	padding-top: 45px;
}

.mobile-view {
	display: none;
}

@media (max-width: 767px) {
	.Hardware-Integration-box {
		margin-top: 30px;
	}

	.width-padding-content {
		padding: 50px 0 40px
	}

	.index-title {
		margin-bottom: 10px;
	}

	.networked-management {
		margin-top: 30px;
	}

	.website-index-integration-device {
		width: 130px;
	}

	.networked-management-item:nth-child(2) {
		margin: 0
	}

	.Industrial-Internet-Platform:nth-child(2) {
		margin: 0
	}

	.site-header-console {
		padding: 0px 10px;
		background: #8b3dff;
		border-radius: 9px;
		display: inline-block;
		height: 27px;
		line-height: 27px;
		color: #FFFFFF;
		font-size: 14px;
	}

	.website-index-integration-left-title {
		font-size: 20px;
	}

	.website-index-integration-left-node {
		margin: 10px 0 20px;
	}

	.website-index-integration-left-more {
		border-radius: 8px;
		padding: 3px 17px;
		font-size: 14px;
	}

	.website-header-mobile-ngv {
		width: 100%;
		height: calc(100% - 100px);
		background: #ffffff;
		position: fixed;
		left: 0px;
		top: 110px;
		padding: 0px;
		z-index: 9;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
	}

	.website-header-mobile-ngv.show {
		transform: translateX(0);
	}

	.website-header-mobile-ngv p {
		padding: 10px 0px;
		font-size: 14px;
		border-bottom: 1px solid #d4d4d4;
		margin-left: 30px;
	}

	.home-content {
		padding: 7px 0;
		white-space: nowrap;
	}

	.networked-management-item {
		width: 100%;
		margin-bottom: 35px !important;
	}

	.website-index-integration-right {
		width: 100%;
	}

	.networked-management-top-content {
		font-size: 20px;
		padding: 1rem 3rem;
	}

	.Hardware-Integration {
		width: 50%;
		margin-bottom: 30px;
	}

	.Industrial-Internet-Platform-top p {
		top: 26px;
		font-size: 20px;
		line-height: 27px;
		left: 20px;
	}

	.Industrial-Internet-Platform-bottom {
		padding: 20px 20px;
	}

	.Industrial-Internet-Platform {
		font-size: 16px;
		white-space: nowrap;
	}

	.Industrial-bottom-content p {
		font-size: 14px;
		color: #8B3DFF;
		border-radius: 7px;
		padding: 1px 10px;
		margin-right: 12px;
	}

	.Industrial-Internet-Platform {
		width: 100%;
		margin-bottom: 35px !important;
		font-size: 16px;
	}

	.build-process-card img {
		height: 58px;
	}

	.build-process-text {
		margin-top: 0;
	}

	.flex-1 {
		flex: auto;
	}

	.Hardware-Integration-content1 {
		font-size: 18px;
	}

	.Hardware-Integration-content2 {
		font-size: 16px;
		padding: 0 5px;
	}

	.Hardware-Integration-img img {
		height: 50px;
	}

	.Hardware-Integration-img {
		width: 100px;
		height: 100px;
	}

	.networked-management-top-content img {
		height: 2rem;
	}

	.footer-item {
		margin-top: 15px;
	}

	.xs-footer-contact-us {
		margin-top: 45px;
		font-size: 12px;
		line-height: 17px;
		justify-content: space-between;
	}

	.site-footer {
		background: #1F122E;
		color: #fff;
		padding: 70px 30px;
	}

	.footer-contact-us {
		margin-left: 0px;
	}

	.footer-contact-us img {
		margin-bottom: 5px;
		width: 70px;
	}

	.website-index-integration-device-name {
		font-size: 14px;
		/* line-height: 19px; */
	}

	.networked-management-bottom {
		font-size: 16px;
		color: #333333;
		line-height: 23px;
		padding: 1rem 3rem;
	}

	.mobile-view {
		display: block;
	}

	.mobile-index {
		position: relative;
	}

	.home-page-container-title {
		font-size: 26px;
	}

	.home-page-container-content {
		font-size: 20px;
	}

	.small-content-margin {
		margin-left: 0;
		margin-right: 0;
	}

	.moblie-margin-15 {
		margin-left: 15px;
		margin-right: 15px;
	}

	.index-title {
		font-size: 24px;
	}

	.home-content-item img {
		width: 23px;
		margin-right: 4px;
	}

	.index-content {
		font-size: 16px;
		color: #333333;
		line-height: 24px;
	}

	.wx-program {
		font-size: 16px;
		color: #333333;
		line-height: 20px;
		margin-bottom: 40px;
	}

	.xs-platform-tabs {
		flex-wrap: wrap;
		margin-top: 0;
	}

	.xs-platform-tabs-list {
		width: 100%;
		display: flex;
		white-space: nowrap;
		overflow: auto;
		margin-bottom: 30px;
	}

	.width-18 p {
		font-size: 15px;
		padding: 2px 21px;
		color: #333333;
	}

	.wx-program .active {
		border-bottom: 2px solid #8B3DFF;
		padding-bottom: 12px;
	}

	.wx-program p:nth-child(1) {
		margin-right: 65px;
	}

	.home-content-item p {
		margin: 0;
		font-size: 12px;
		line-height: 20px;
	}

	.margin-top-6 {
		margin-top: 2rem;
	}

	.number-index {
		font-size: 30px;
	}

	.website-index-integration-device {
		width: 130px;
		margin-right: 15px;
		height: 174px;
	}

	.website-index-integration-device-img {
		width: 130px;
		height: 130px;
	}

	.home-content-item {
		text-align: center;
		display: block;
		height: auto;
		line-height: normal;
	}

	.number-index span {
		font-size: 12px;
		margin-left: 2px;
	}

	.text-index {
		font-size: 14px;
	}

	.website-index-integration-left {
		width: 100%;
		height: 85%;
		background: none;
	}

	.build-process-cards {
		gap: 0;
		margin-top: 30px;
	}

	.build-process-card {
		width: 100%;
		padding: 28px 20px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		text-align: left;
	}

	.build-process-icon {
		width: 48px;
		height: 48px;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	.build-process-text {
		font-size: 15px;
	}

	.build-process-card-item {
		width: 47%;
		margin-bottom: 20px;
		box-shadow: 0px 0px 19px 1px rgba(34, 24, 21, 0.14);
		border-radius: 15px;
		padding: 20px 0;
	}

	.build-process-card-item img {
		height: 35px;
		margin-bottom: 5px;
	}

	.back-zite-process {
		height: 485px;
	}

	.build-process-arrow {
		width: 40px;
		transform: rotate(90deg);
	}

	.pc-view {
		display: none;
	}

	.index-integration-device2 {
		height: 182px !important;
		line-height: 18px !important;
	}

	.website-index-integration-line {
		height: 230px;
		margin-bottom: 20px;
	}
}


ul.nav-tabs {
	width: 140px;
	margin-top: 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	padding-left: 0;
	font-size: 14px;
	position: sticky;
	top: 130px;
}

ul.nav-tabs li {
	margin: 0;
	border-top: 1px solid #ddd;
	list-style: none;
	padding: 10px 5px;
}

ul.nav-tabs li:first-child {
	border-top: none;
}

ul.nav-tabs li a {
	margin: 0;
	padding: 0px 9px;
	border-radius: 0;
	text-decoration: none;
	color: #8B3DFF;
	/* white-space: nowrap; */
	display: inline-block;
}

ul.nav-tabs li.active,
ul.nav-tabs li.active:hover {
	color: #fff;
	background: #8B3DFF;
	border: 1px solid #8B3DFF;
}

ul.nav-tabs li.active a {
	color: #fff;
}

ul.nav-tabs li:first-child a {
	border-radius: 4px 4px 0 0;
}

ul.nav-tabs li:last-child a {
	border-radius: 0 0 4px 4px;
}

ul.nav-tabs.affix {
	top: 30px;
	/* Set the top position of pinned element */
}

ul.nav-tabs.affix {
	top: 30px;
}

.affix {
	position: fixed;
}

.privacy-content h2 {
	font-weight: 500;
	margin: 30px 0 10px;
	color: #333;
	font-family: "Source Han Sans SC", "PingFang SC", "WenQuanYi Micro Hei", "sans-serif" !important;
}

.privacy-content {
	font-size: 14px;
	color: #333;
	font-family: "Source Han Sans SC", "PingFang SC", "WenQuanYi Micro Hei", "sans-serif" !important;
}

.privacy-content p {
	line-height: 21px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}

.privacy_table {
	width: 100%;
	border-collapse: collapse;
}

.privacy_table td {
	border: 1px solid #000;
	padding: 5px 15px;
}

.privacy_table .confluenceTh {
	background: #f5f5f5;
	font-weight: 600;
}

.privacy-agreement-title {
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

@media(max-width: 768px) {
	.privacy_table td {
		padding: 5px;
	}
}