.main {
	padding-top: 40px;
	background-color: #fff;
}
.purchase {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}
.purchase .item {
	position: relative;
	width: 31%;
	padding: 50px 0 40px 0;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);

	overflow: hidden;
}
.purchase .item .front {
	position: relative;
	z-index: 99;
}
.purchase .item .icon {
	width: 80px;
	height: 1px;
	margin: 0 auto;
	background-color: #20a53a;
	margin-top: 20px;
}

.purchase .item h2 {
	color: #555;
	font-size: 32px;
	margin-bottom: 12px;
}
.purchase .item .amount span:nth-child(1) {
	color: #20a53a;
	font-size: 28px;
	font-weight: 600;
}
.purchase .item .amount span:nth-child(2) {
	margin: 0 6px;
	color: #20a53a;
	vertical-align: 3px;
}
.purchase .item .amount span:nth-child(3) {
	color: #20a53a;
	font-size: 18px;
	font-weight: 500;
	vertical-align: 1px;
}
.purchase .item .tips {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 420px;
	margin-bottom: 20px;
	padding-top: 20px;
	line-height: 36px;
	text-align: left;
	color: #666;
}
.purchase .item .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}
.purchase .item .bottom .total-price {
	margin-right: 20px;
	color: #FFAC0A;
	font-size: 22px;
	font-weight: bold;
}

.purchase .item .btn {
	width: 180px;
	height: 48px;
	line-height: 36px;
}
/*.purchase .item .btn:hover{*/
/*  background-color: #20a53a;*/
/*  color: #fff;*/
/*  cursor: pointer;*/
/*}*/
.purchase .item .bg {
	width: 100%;
	height: 80px;
	background-color: rgba(32, 165, 58, 0.05);
	position: absolute;
	z-index: 2;
	bottom: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.purchase .item .bg::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-bottom: 100px solid rgba(32, 165, 58, 0.05);
	border-left: 400px solid transparent;
	position: absolute;
	bottom: 80px;
	left: 0;
}
.purchase .item .bg::before {
	content: '';
	display: inline-block;
	width: 130px;
	height: 130px;
	opacity: 0.1;
	background-image: url('data:image/png;base64,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');
	background-size: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 4;
}
.plugin-title {
	margin-top: 100px;
	text-align: center;
	margin-bottom: 70px;
	font-size: 32px;
	color: #555;
}
.plugin {
	width: 100%;
	background-color: #f5f5f5;
	padding: 100px 0;
	position: relative;
}
.plugin::before {
	content: '';
	display: block;
	position: absolute;
	top: -25px;
	left: 50%;
	height: 50px;
	width: 50px;
	margin-left: -25px;
	transform: rotate(45deg);
	background-color: #fff;
}
.plugin .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
}
.plugin .row .item {
	width: 30%;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border-radius: 6px;
	padding: 24px;
	overflow: hidden;
}
.plugin .row .item .combination {
	width: 100%;
	font-size: 14px;
	position: relative;
	margin-bottom: 10px;
	font-weight: 600;
}
.plugin .row .item .combination .title {
	display: inline-block;
	line-height: 24px;
	font-size: 20px;
	color: #666;
}
.plugin .row .item .combination .price {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 24px;
	font-size: 18px;
	color: rgba(32, 165, 58, 0.8);
}
.plugin .row .item .tips {
	margin-top: 20px;
	padding-bottom: 32px;
	font-size: 14px;
	line-height: 24px;
	color: #777;
	position: relative;
	z-index: 99;
}
.plugin .row .item .btlink {
	color: #20a53a;
}
.plugin .row .item .bg {
	position: absolute;
	bottom: -150px;
	right: -150px;
	width: 300px;
	height: 300px;
	background-color: #20a53a;
	opacity: 0.5;
	transform: rotate(45deg);
	background-color: rgba(32, 165, 58, 0.1);
}
.plugin .row .item .icon {
	position: absolute;
	right: 15px;
	bottom: 15px;
	height: 60px;
	opacity: 0.1;
}
.plugin .position-bottom  {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: flex;
	justify-content: flex-end;
}
.plugin .position-bottom a {
	font-size: 16px;
	font-weight: bold;
	color: rgba(32, 165, 58, 0.8);
}

@media only screen and (max-width: 1200px) {
	.plugin-title {
		margin-top: 80px;
		margin-bottom: 40px;
		font-size: 28px;
	}
	.plugin {
		padding: 80px 0;
	}
	.plugin .row {
		gap: 30px;
	}
	.plugin .row .item {
		width: 45%;
	}
	.plugin::before {
		top: -22px;
		width: 44px;
		height: 44px;
		margin-left: -22px;
	}
}

@media only screen and (max-width: 950px) {
	.purchase .item {
		width: 100%;
	}
	.plugin {
		padding: 60px 0;
	}
	
	.plugin .row .item .combination .title {
    font-size: 18px;
	}
	.plugin .row .item .tips {
		margin-top: 12px;
		font-size: 13px;
	}
	.plugin .position-bottom a {
		font-size: 14px;
	}
	.plugin {
		padding: 60px 0;
	}
}

@media only screen and (max-width: 768px) {
	
	.plugin-title {
		margin-top: 50px;
		margin-bottom: 30px;
		font-size: 24px;
	}
	.plugin {
		padding: 40px 0;
	}
	.plugin::before {
		top: -12px;
		width: 24px;
		height: 24px;
		margin-left: -12px;
	}
	.plugin .row .item {
		width: 100%;
	}
	.plugin .row .item .combination .title {
    font-size: 16px;
	}
	.plugin .row .item .tips {
		margin-top: 8px;
		padding-bottom: 20px;
		font-size: 12px;
	}
	.plugin .position-bottom a {
		font-size: 12px;
	}
}