.banner {
	margin: 0;
	padding: 0;
	background: url(../images/affiliate/fv-af-banner-bg.webp) no-repeat top center;
	width: 100%;
	height: 800px;
	background-size: cover;
	display: flex;
	align-items:flex-end;
}

.banner-title {
	margin-top: 30px;
}

.banner-title h1 {
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 86px;
}

.banner-title span {
	background: linear-gradient(90deg, #FF9A26 0%, #FF4218 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-title p span {
	color: #666 !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.banner-content {
	color: #666;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.banner-content a {
	display: flex;
	width: 388px;
	height: 80px;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 16px;
	background: linear-gradient(90deg, #FF9A26 0%, #FF4218 100%);

	color: #FFF !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	cursor: pointer;
}

.banner-content a:hover {
	background: linear-gradient(90deg, #FF4218 0%, #FF9A26 100%);
}

.singify-aff {
	color: #FF4618 !important;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
}
.singify-aff a{
	color: #FF4618 !important;
}

.singify-aff:hover {
	text-decoration: underline;
}
.banner-img-box
{
	overflow: hidden;
	height: 100%;
}
/*
*
*/
.earnings-bg {
	background: url(../images/affiliate/ph-earning-bg.webp) no-repeat top center;
	width: 100%;
	height: 1179px;
	background-size: cover;
}

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

.earning-btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 80px;
	flex-wrap: wrap;
}

.earning-btn-box-mobie {
	display: none;
	margin-top: 80px;
}

.earning-btn {
	display: flex;
	width: 260px;
	padding: 18px 32px;
	justify-content: center;
	align-items: center;
	gap: 14px;
	border-radius: 14px;
	border: 1px solid var(--90, #E6E6E6);
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
	margin-left: 30px;
	margin-top: 5px;
}

.earning-btn-mobie {
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 14px;
	border-radius: 14px;
	border: 1px solid var(--90, #E6E6E6);
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
	margin-right: 20px;
	margin-top: 5px;
}

.selbtn {
	border-radius: 14px;
	border: 1.5px solid var(--20, #FF4618);
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.earning-btn span {
	color: var(--20, #333);
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.earning-btn img {
	border-radius: 8px;
}

.earning-btn:hover {
	border-radius: 14px;
	border: 1.5px solid var(--20, #FF4618);
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.earning-plan {
	margin-top: 30px;
}

.plan-box {
	border-radius: 20px;
	min-height: 539px;
	padding: 2px;
	margin-top: 20px;
}

.box-panel {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	border-radius: 20px;
	min-height: 535px;
	background: #FFF;
	overflow: hidden;
}

.month-bg {
	background: linear-gradient(180deg, #FFA13C 0%, #FFF3E7 100%);
}

.yearly-bg {
	background: linear-gradient(180deg, #FF716A 0%, #FFEBEA 100%);
}

.box-panel {
	color: var(--30, #4D4D4D);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.plan-btn-box {
	display: flex;
	margin-top: 20px;
}

.plan-item {
	display: flex;
	padding: 15px 20px 15px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1.5px solid var(--95, #F2F2F2);
	background: #fff;
	min-width: 182px;
}

.plan-mg {
	margin-left: 20px;
	margin-right: 20px;
}

.plan-item span {
	color: var(--50, #808080);
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
}

.plan-item b {
	color: var(--20, #333);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.plan-content {
	display: flex;
	height: 220px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 10px;
	border: 1px solid var(--95, #F2F2F2);
	margin-top: 20px;
	padding: 20px;
}

.plan-sales {
	display: flex;
}

.plan-content p span {
	color: var(--50, #808080);
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.sale1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 110px;
}

.sale1 b {
	color: var(--20, #333);
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px;
}

.sale1 span {
	color: var(--20, #333);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.plan-money {
	display: flex;
	margin-top: 20px;
}


.money-item {
	display: flex;
	padding: 15px 20px 15px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1.5px solid var(--95, #F2F2F2);
	background: #fff;
	min-width: 182px;
}

.money-item span {
	color: var(--30, #4D4D4D);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.money-item b {
	color: #FF8808;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.rg-aff-setup {
	display: flex;
	padding: 40px 60px 40px 80px;
	align-items: center;
	gap: 60px;
	border-radius: 24px;
	margin-top: 80px;
	min-height: 588px;
	width: 100%;
}

.setup-bg1 {
	background: #FFEAE9;
}

.setup-bg2 {
	background: #FFF3E9;
}

.setup-bg3 {
	background: #FFEBFC;
}

.aff-setup-data {
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: center;
	height: 100%;
}

.setup-tag {
	display: flex;
	width: 186px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 30px 12px;
	border: 1.5px solid #FF817B;
	background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.30) 100%);
	color: #FF817B;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 40px;
}

.aff-setup-data p b {
	color: var(--20, #333);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

.aff-setup-data p span {
	color: var(--40, #666);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*
* FAQ
*/
.faq-block {
	border-bottom: 1px #e3e3e3 solid;
}

.faq-title {
	font-size: 22px;
	padding: 20px 0;
	cursor: pointer;
	position: relative;
	color: #333;
}

.faq-title::after {
	content: '\e62f';
	font-family: fs;
	display: block;
	position: absolute;
	right: 0;
	margin: -30px 0 0 0;
	transition: transform 0.3s linear;
	font-weight: bold;
	font-size: 18px;
}

.faq-title:hover {
	color: var(--tts-green);
}

.faq-block .selblock {
	color: var(--tts-green);
	border: 0;
}

.faq-content {
	font-size: 18px;
	padding: 16px 0;
	display: none;
}

.faq-content a {
	color: var(--tts-green);
}

.faq-content a:hover {
	color: var(--tts-green);
	text-decoration: underline;
}

select {
	-webkit-appearance: none;
	/* Safari 和 Chrome */
	-moz-appearance: none;
	/* Firefox */
	appearance: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 0.75em center;
	background-size: 1em;
	padding: 0.5em 2em 0.5em 0.5em;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 16px;
	color: #333;
}

@media (max-width: 1480px) {}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {
	h2 {
		font-size: 46px !important;
	}
	
	h3 {
		font-size: 34px !important;
	}
	#banner-img {
		display: none;
	}
	.banner-title {
		margin-top: 0px;
		text-align: center;
	}
	
	.banner-title h1 {
		font-size: 58px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
		margin-bottom: 50px;
	}
	
	.earnings-bg {
		background: url(../images/affiliate/ph-earning-bg.webp) no-repeat top center;
		width: 100%;
		height: auto;
		background-size: cover;
	}
	#banner-cdata{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.banner-content{
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.banner-content a{
		margin-top: 50px;
	}
	
}

@media (max-width: 980px) {
	h2 {
		font-size: 36px !important;
	}
	
	h3 {
		font-size: 24px !important;
	}
	#banner-img {
		display: none;
	}
	.banner-title {
		margin-top: 0px;
		text-align: center;
	}
	
	.banner-title h1 {
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
	}
	
	.earnings-bg {
		background: url(../images/affiliate/ph-earning-bg.webp) no-repeat top center;
		width: 100%;
		height: auto;
		background-size: cover;
	}
	#banner-cdata{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.banner-content{
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.banner-content a{
		margin-top: 50px;
	}
}

@media (max-width: 700px) {

	h2 {
		font-size: 26px !important;
	}

	h3 {
		font-size: 19px !important;
	}

	.banner {
		margin: 0;
		padding: 0;
		background: url(../images/affiliate/fv-af-banner-bg.webp) no-repeat top center;
		width: 100%;
		height: auto;
		background-size: cover;
	}

	#banner-img {
		display: none;
	}

	.banner-title {
		margin-top: 0px;
		text-align: center;
	}

	.banner-title h1 {
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
	}

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

	.banner-content a {
		width: 100%;
	}

	.singify-aff {
		font-size: 15px;
		text-align: center;
	}

	.earning-btn-box {
		display: none;
	}

	.earning-btn-box-mobie {
		display: flex;
	}

	.earnings-bg {
		background: url(../images/affiliate/ph-earning-bg.webp) no-repeat top center;
		width: 100%;
		height: 100%;
		background-size: cover;
	}


	.plan-item {
		padding: 8px;
		border-radius: 10px;
		border: 1.5px solid var(--95, #F2F2F2);
		background: #fff;
		min-width: 90px;
	}

	.plan-mg {
		margin-left: 10px;
		margin-right: 10px;
	}

	.plan-item span {
		color: var(--50, #808080);
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		line-height: normal;
	}

	.plan-item b {
		color: var(--20, #333);
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}

	.plan-content p span {
		font-size: 14px;
	}

	.sale1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		min-width: 80px;
	}

	.sale1 b {
		color: var(--20, #333);
		text-align: center;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 38px;
	}

	.sale1 span {
		color: var(--20, #333);
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
	}


	.money-item {
		display: flex;
		padding: 8px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		border: 1.5px solid var(--95, #F2F2F2);
		background: #fff;
		min-width: 90px;
	}

	.money-item span {
		color: var(--30, #4D4D4D);
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.money-item b {
		color: #FF8808;
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.box-panel b {
		font-size: 20px;
	}

	.rg-aff-setup {
		display: flex;
		padding: 10px;
		align-items: center;
		border-radius: 24px;
		margin-top: 80px;
		min-height: 588px;
		width: 100%;
	}

	.rg-aff-setup {
		overflow: hidden;
	}

	.rg-aff-setup img {
		width: 100%;
	}

	.aff-setup-data p b {
		color: var(--20, #333);
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
	}


	.aff-setup-data p span {
		color: var(--40, #666);
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

}