<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* æ–°é—»ä¸­å¿ƒ */
.title-rise {
	margin-top: 128px;
	margin-bottom: 46px;
}
.abstract {
	width: 100%;
	padding-left: 260px;
	padding-right: 260px;
}
.abstract-cen {
	width: 100%;
	padding: 56px;
	border: 4px solid #0F5897;
	border-bottom: none;
}
.abstract-cen ul li {
	list-style: disc;
	font-size: 16px;
	color: #333333;
	margin-bottom: 30px;
}
.abstract-cen ul li:last-child {
	margin-bottom: 0;
}
.abstract-cen ul li::marker {
	color: #0F5897;
	font-size: 25px;
}
.referral {
	margin-top: 148px;
	margin-bottom: 90px;
}
.referral-text {
	bottom: 0;
	left: 0;
	color: #ffffff;
	background-color: #0F5897;
	opacity: 0.8;
	transition: height 0.5s;
}
.referral .row div:hover .referral-text {
	height: 100% !important;
}
.referral-icon {
	width: 44px;
	height: 44px;
	background-image: url(../icon/icon-referral.png);
	background-repeat: no-repeat;
}
.referral .row .col-6:nth-child(2) .referral-icon {
	background-position: center -91px;
    background-size: 96%;
}
.referral .row .col-6:nth-child(3) .referral-icon {
	background-position: 0;
}
.referral .row .col-6:nth-child(4) .referral-icon {
	background-position: center -281px;
}
.referral .row .col-6:nth-child(5) .referral-icon {
	background-position: center -375px;
}
.referral-title {
	font-size: 20px;
	color: #FFFFFF;
	padding-top: 14px;
	margin-top: 15px;
	position: relative;
}
.referral-title:before {
	content: '';
	width: 30px;
	height: 2px;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
    left: 50%;
    margin-left: -15px;
}
.referral-explain {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 28px;
	margin-top: 12px;
}
.referral .row div:hover .referral-explain {
	display: block !important;
}


@media (max-width: 1600px) {
	.abstract {
		padding-left: 80px;
		padding-right: 80px;
	}
}

/* å°å±å¹•é€‚é… */
@media (max-width: 769px) {
	.abstract {
		width: 100%;
		padding-left: .3rem;
		padding-right: .3rem;
	}
	.banner-promotion-center {
		padding-left: 0;
		padding-right: 0;
	}
	.title-rise {
		height: .3rem;
		font-size: .3rem;
		line-height: .24rem;
		margin-top: .65rem;
    	margin-bottom: .7rem;
	}
	.abstract-cen {
		padding: .55rem;
		padding-left: .8rem;
	}
	.abstract-cen ul {
		margin-bottom: 0;
	}
	.abstract-cen ul li {
		font-size: .2rem;
		margin-bottom: .3rem;
	}
	.abstract-cen ul li::marker {
		font-size: .3rem;
	}
	.referral {
		margin-top: .96rem;
		margin-bottom: .9rem;
	}
	.referral .row .col-6 {
		max-width: 47.5%;
		margin-bottom: .16rem;
	}
	.referral .row .col-6:nth-child(even) {
		margin-left: 5%;
	}
	.referral .row .col-6:last-child {
		margin-bottom: 0;
	}
	.referral-icon {
		width: .44rem;
		height: .44rem;
		background-size: 100%;
	}
	.referral-title {
		font-size: .2rem;
		padding-top: .14rem;
    	margin-top: .15rem;
	}
	.referral-title:before {
		width: .3rem;
		height: .02rem;
	    left: 50%;
	    margin-left: -.15rem;
	}
	.referral .row .col-6:nth-child(2) .referral-icon {
	    background-position: center -.91rem;
	}
	.referral .row .col-6:nth-child(3) .referral-icon {
		background-position: 0;
	}
	.referral .row .col-6:nth-child(4) .referral-icon {
		background-position: center -2.81rem;
	}
	.referral .row .col-6:nth-child(5) .referral-icon {
		background-position: center -3.75rem;
	}
	.referral-explain {
		font-size: .14rem;
		line-height: .28rem;
		margin-top: .12rem;
	}

}
</pre></body></html>