.solution-page {
	background: #000000;
	position: relative;
	overflow-x: hidden;
}

.pc-page {
	background: #fff;
}

.solution-first {
	width: 100%;
	height: 874px;
	background-image: url('../image/solution/solution_bg.png');
	background-size: 100% 100%;
	color: #000000;
}

.solution-first .first-title {
	font-weight: 600;
	font-size: 48px;
	line-height: 80px;
	padding-top: 391px;
}

.solution-first .first-text {
	font-size: 24px;
	line-height: 34px;
	padding-top: 16px;
	width: 500px;
}

.solution-second {
	background: #fff;
	padding: 120px 0;
}

.solution-list {
	display: flex;
	justify-content: space-between;
	border: 1px solid #D9D9D9;
	border-radius: 12px;
	overflow: hidden;
}

.solution-left {
	width: 282px;
	flex-shrink: 0;
	border-right: 1px solid #D9D9D9;
}

.solution-left-item {
	min-height: 106px;
	border-bottom: 1px solid #D9D9D9;
	cursor: pointer;
	padding-left: 32px;
	box-sizing: border-box;
	position: relative;
}

.solution-left-item::after {
	content: "";
	display: block;
	position: absolute;
	right: -3px;
	top: 0;
	height: 100%;
	width: 3px;
	background: transparent;
}

.solution-left-item:not(.active):hover {
	background: #F4F6FD;
}

.solution-left-item.active {
	background: #F4F6FD;
	/* border-bottom-color: transparent; */
}

.solution-left-item.active::after {
	background: #1239B5;
}

.solution-left-item .name {
	font-size: 24px;
	color: #333333;
	line-height: 34px;
	padding-top: 21px;
}

.solution-left-item .text {
	font-size: 16px;
	color: #666666;
	line-height: 22px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.solution-left-item.active .name {
	color: #1239b5;
	font-weight: 600;
}

.solution-left-item.active .text {
	color: #000000;
	font-size: 14px;
}

.solution-right {
	flex: 1;
	padding-left: 66px;
	padding-right: 38px;
	/* height: 1723px; */
}

.solution-right .solution-right-item {
	display: none;
}

.solution-right .solution-right-item.active {
	display: block;
}

.solution-right .pain-point-title {
	font-weight: 600;
	font-size: 30px;
	color: #000000;
	line-height: 40px;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.solution-right .pain-point-item {
	width: 120px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	line-height: 21px;
}

.solution-right .pain-point-item img {
	width: 72px;
	height: 72px;
	display: block;
	margin: 0 auto 32px;
}

.solution-right .highlight-title {
	font-weight: 600;
	font-size: 30px;
	color: #000000;
	line-height: 40px;
	text-align: center;
	padding-top: 62px;
	padding-bottom: 60px;
}

.solution-right .highlight-list {
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	display: flex;
	flex-wrap: wrap;
}

.solution-right .highlight-list .highlight-dot {
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 50%;
	margin: 0 10px;
	flex-shrink: 0;
}

.solution-right .highlight-list .highlight-2-item {
	width: 286px;
	height: 101px;
	border-radius: 16px;
	background: #F4F6FD;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	margin-right: 30px;
	padding: 10px 10px 10px 20px;
	box-sizing: border-box;
}

.solution-right .highlight-list .highlight-2-item:nth-child(n+3) {
	margin-bottom: 0;
}

.solution-right .highlight-img {
	width: 315px;
	height: 283px;
	display: block;
}

.solution-right .revenue-title {
	font-weight: 600;
	font-size: 30px;
	color: #000000;
	line-height: 40px;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.solution-right .revenue-list {
	display: flex;
	justify-content: space-between;
	padding-right: 2px;
	padding-bottom: 28px;
}

.solution-right .revenue-list .revenue-item {
	width: 220px;
}

.solution-right .revenue-list .revenue-item .revenue-item-num {
	height: 189px;
	text-align: center;
	font-weight: 500;
	font-size: 48px;
	line-height: 64px;
	color: #1239b580;
	box-sizing: border-box;
	padding-top: 30px;
}

.solution-right .revenue-list .revenue-item:nth-child(even) .revenue-item-num {
	padding-top: 58px;
}

.solution-right .revenue-list .revenue-item .revenue-item-bg {
	min-height: 200px;
	border-radius: 20px;
	background: #F4F6FD;
	padding: 24px;
	box-sizing: border-box;
	font-size: 16px;
	color: #666666;
	line-height: 21px;
}

.solution-right .revenue-list .revenue-item .revenue-item-bg img {
	width: 32px;
	height: 32px;
	display: block;
	margin-left: auto;
	margin-bottom: 20px;
}

.solution-right .revenue-list .revenue-item .revenue-item-bg .revenue-item-title {
	font-size: 24px;
	color: #000000;
	line-height: 24px;
	margin-bottom: 16px;
}

.solution-right .solution-detail-btn {
	display: block;
	width: 200px;
	height: 60px;
	background: #1239B5;
	border-radius: 30px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 auto 48px;
	cursor: pointer;
}

.case-pc {
	min-height: 870px;
	background-image: url('../image/solution/solution_bg1.png');
	background-size: 100% 100%;
}

.case-pc-title {
	line-height: 64px;
	color: #000000;
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	padding-top: 120px;
}

.case-pc-text {
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 60px;
}

.case-list {
	padding-bottom: 30px;
}

.case-list .case-item {
	width: 427px;
	height: 450px;
	background: #F4F6FD;
	border-radius: 24px;
	padding: 32px 42px;
	box-sizing: border-box;
	text-align: center;
}

.case-list .case-item img {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
}

.case-list .case-item .case-item-name {
	font-size: 16px;
	color: #000000;
	height: 117px;
	padding-top: 24px;
	box-sizing: border-box;
	line-height: 21px;
}

.case-list .case-item .case-item-title {
	font-size: 24px;
	color: #000000;
	font-weight: 500;
	padding-bottom: 24px;
}

.case-list .case-item .case-item-text {
	font-size: 18px;
	color: #666666;
	line-height: 26px;
}


.compare-pc {}

.compare-pc-title {
	color: #000000;
	font-size: 48px;
	line-height: 64px;
	font-weight: 600;
	text-align: center;
	padding-top: 120px;
}

.compare-pc-text {
	color: #666666;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	padding-top: 16px;
}

.compare-box {
	padding-top: 142px;
	padding-bottom: 120px;
}

.compare-box .compare-column {
	width: 468px;
	height: 616px;
}

.compare-box .compare-top {
	width: 100%;
	height: 187px;
	background-image: url('../image/solution/solution_pc_img4.png');
	background-size: 100% 100%;
	font-weight: 600;
	font-size: 48px;
	color: #FFFFFF;
	line-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.compare-box .compare-top.compare-right-top {
	background-image: url('../image/solution/solution_pc_img6.png');
}

.compare-box .compare-data {
	width: 468px;
	height: 429px;
	background: #f4f6fd;
	color: #666666;
	padding-top: 24px;
	box-sizing: border-box;
	border-radius: 0 0 16px 16px;
}

.compare-box .compare-data .data-item {
	font-size: 24px;
	height: 80px;
	line-height: 36px;
}

.compare-box .compare-data img {
	width: 28px;
	height: 28px;
	display: block;
	margin-left: 100px;
	margin-right: 16px;
}

.compare-box .compare-center img {
	width: 244px;
	height: 160px;
	display: block;
	margin-top: 38px;
	margin: 36px auto 13px;
}

.compare-box .compare-center .compare-center-name {
	font-size: 24px;
	color: #666666;
	line-height: 80px;
	text-align: center;
}

.compare-box .compare-right .compare-data .data-item {
	color: #000000;
}

.solution-four {
	padding-bottom: 120px;
}

.solution-four-inner {
	height: 496px;
	background: linear-gradient(263deg, #0472F7 3.44%, #0226F9 98.47%);
	color: #FFFFFF;
	border-radius: 24px;
	padding-left: 80px;
	padding-right: 140px;
	box-sizing: border-box;
}

.solution-four .four-title {
	font-weight: 600;
	font-size: 48px;
	line-height: 64px;
}

.solution-four .four-text {
	font-size: 24px;
	line-height: 32px;
	padding-top: 24px;
	padding-bottom: 44px;
}

.solution-four img {
	width: 280px;
	height: 280px;
	display: block;
	margin-left: 60px;
}

.solution-four .four-btn {
	min-width: 210px;
	padding: 0 16px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
}

.solution-four .four-btn+.four-btn {
	background: #FFFFFF;
	color: #1791F8;
	margin-left: 20px;
}