/* 电商方案页主题变量（源自桔子数据方案页） */
:root {
	--fontsthickness: initial;
	--BodyBackground: #fff;
	--txtcl: #181818;
	--buttoncolor: #0052d9;
	--colorv: #0052d9;
	--maxwidth: 1440px;
	--minwidth: 745px;
	--padding: 64px;
	--radius: 4px;
	--darker1: #002ab1;
	--darker2: #003ec5;
	--Original: #0052d9;
	--lighter1: #1466ed;
	--lighter2: #287aff;
	--gradient1: linear-gradient(180deg, #0052d9, #1466ed);
	--gradient3: linear-gradient(180deg, #1466ed 0%, #0052d9 64%, #002ab1 100%);
	--plan-header-offset: 64px;
	--navheight: var(--plan-header-offset);
	--wapnavheight: var(--plan-header-offset);
	--banner_height: 420px;
	--banner_background: url(/web/my2/assets/plan/remoteL17025342246554.jpeg);
	--advantage_max: 3;
	--problem_max: 2;
	--correlation_max: 3;
	--partner_background: linear-gradient(180deg, #f4f8ff 0%, #e8f0ff 100%);
	--partner_max: 6;
	--global-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
	--txtdesc: rgba(0, 0, 0, 0.65);
	--pcspacing: 40px 0 100px;
	--wapspacing: 20px 0 40px;
	--fonts: 14px "Microsoft YaHei", sans-serif;
}

.plan-electricity-page .comp_container_100 {
	width: 100%;
	max-width: 100%;
}

.plan-electricity-page .center-content {
	max-width: var(--maxwidth);
	margin: 0 auto;
	padding: 0 var(--padding);
}

/* 为固定顶栏留出空间（与 order 页一致：留白加在 shell 上） */
body.plan-electricity-body .plan-electricity__shell {
	padding-top: var(--plan-header-offset) !important;
	box-sizing: border-box;
}

body.plan-electricity-body .plan-electricity__shell .header.page-header-parent {
	z-index: 1200;
}

body.plan-electricity-body .plan-electricity-page {
	padding-top: 0;
}

/*
 * Banner 原文用 absolute + translateY(-50%) 垂直居中，内容偏高时标题会被裁掉。
 * 方案页改为自上而下排版。
 */
body.plan-electricity-body .plan-electricity-page .globalBanner {
	height: auto;
	min-height: var(--banner_height);
	overflow: visible;
}

body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-relative {
	height: auto;
	min-height: var(--banner_height);
	overflow: visible;
}

body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner,
body.plan-electricity-body .plan-electricity-page .globalBanner.leftSide .pagebanner {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	width: 100%;
	padding: 48px 0 56px;
	box-sizing: border-box;
}

body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text {
	width: 60%;
	max-width: 100%;
}

body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text .pagebanner-title {
	margin: 0 0 16px !important;
}

body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text .pagebanner-description {
	margin: 0;
}

body.plan-electricity-body .et-container.navFix,
body.plan-electricity-body .et-container.et-container-fixed {
	top: var(--plan-header-offset);
	z-index: 1100;
}

@media (max-width: 768px) {
	body.plan-electricity-body .plan-electricity-page {
		--padding: 16px;
	}

	body.plan-electricity-body .plan-electricity-page .comp_container {
		padding-left: 16px;
		padding-right: 16px;
		min-width: 0;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner,
	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-relative {
		min-height: 240px;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner,
	body.plan-electricity-body .plan-electricity-page .globalBanner.leftSide .pagebanner {
		padding: 24px 0 28px;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text {
		width: 100%;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text .pagebanner-title {
		margin: 0 0 10px !important;
		font-size: 24px;
		line-height: 1.35;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-text .pagebanner-description {
		font-size: 14px;
		line-height: 1.6;
		-webkit-line-clamp: unset;
		display: block;
		overflow: visible;
	}

	body.plan-electricity-body .plan-electricity-page .globalBanner .pagebanner-button .fancy-button span {
		padding: 8px 18px;
		font-size: 13px;
	}

	body.plan-electricity-body .plan-electricity-page .et-container .et-hero-tabs-container .et-hero-tab {
		margin: 0 16px;
	}

	body.plan-electricity-body .plan-electricity-page .et-container .et-hero-tabs-container .et-hero-tab a {
		line-height: 52px;
		font-size: 14px;
	}
}

.plan-electricity-page .et-container .et-hero-tabs-container {
	position: relative;
}

.plan-electricity-page a.Button,
.plan-electricity-page a.problem-Content-btn,
.plan-electricity-page .architecture-Content-btn a {
	text-decoration: none;
}

.plan-electricity-page .problem-Content-row .problem-Content-left {
	background-image: linear-gradient(135deg, #e8f2ff 0%, #f4f8ff 100%);
}

.plan-electricity-page .problem-Content-row .problem-Content-right .problem-item {
	background: #fff;
}

.plan-electricity-page .problem-left-ul li:before {
	background-image: none;
	background-color: var(--Original);
	mask: none;
	content: "✓";
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	border-radius: 50%;
	top: 0;
}

.plan-electricity-page .architecture-left-ul li:before {
	background: var(--Original);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	top: 10px;
}

.plan-electricity-page .more-Content-row {
	background-image: linear-gradient(135deg, #e8f2ff 0%, #f4f8ff 100%);
}

/* 相关产品：取消与本页产品表布局冲突的全局样式（仅 electricity 页） */
body.plan-electricity-body .plan-electricity-page .tl-tabs__cont {
	background: none;
	box-shadow: none;
	padding: 16px 20px 60px;
}

body.plan-electricity-body .plan-electricity-page .correlation-Content .correlation-Content-row {
	display: block;
	gap: 0;
	grid-template-columns: repeat(var(--correlation_max), 1fr);
}

.view-control .view-column{
	max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
body.plan-electricity-body .plan-electricity-page .tl-tabs__cont{
	padding: 16px 0px 60px !important;
}