.blog-page {
	display:flex;
	flex-direction:column;
	min-width:1200px;
	min-height:100%;
	color:#282828;
	background:#f7faff
}
.blog-page .header {
	background:rgba(255,255,255,.96);
	-webkit-box-shadow:0 1px 14px rgba(37,109,230,.08);
	box-shadow:0 1px 14px rgba(37,109,230,.08)
}
.blog-page .header-nav>li:nth-child(3) {
	margin-right:48px
}
.skip-link {
	position:fixed;
	top:10px;
	left:10px;
	z-index:1000;
	padding:8px 12px;
	border-radius:6px;
	color:#fff;
	background:#256de6;
	-webkit-transform:translateY(-160%);
	transform:translateY(-160%)
}
.skip-link:focus {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.blog-hero {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:330px;
	overflow:hidden;
	pointer-events:none
}
.blog-hero::before {
	position:absolute;
	content:"";
	top:-210px;
	right:-120px;
	width:820px;
	height:480px;
	border-radius:50%;
	background:linear-gradient(135deg,rgba(37,109,230,.16),rgba(104,191,255,.3))
}
.blog-hero-wave {
	position:absolute;
	right:0;
	bottom:0;
	width:58%;
	height:150px;
	border-radius:50% 0 0 0;
	background:linear-gradient(135deg,rgba(37,109,230,.08),rgba(104,191,255,.18))
}
.site-main {
	position:relative;
	z-index:2;
	flex:1 0 auto;
	padding:128px 0 80px
}
.container {
	width:1180px;
	margin:0 auto
}
.breadcrumb {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:18px;
	color:#75839a;
	font-size:14px
}
.breadcrumb a {
	color:#63738c
}
.breadcrumb a:hover {
	color:#256de6
}
.news-wrap {
	padding:24px;
	border:1px solid rgba(37,109,230,.12);
	border-radius:18px;
	background:rgba(255,255,255,.96);
	-webkit-box-shadow:0 16px 48px rgba(37,109,230,.1);
	box-shadow:0 16px 48px rgba(37,109,230,.1)
}
.features {
	display:flex;
	align-items:flex-start;
	gap:26px
}
.features>.left {
	flex:0 0 190px
}
.features>.left ul {
	padding:10px;
	border-radius:12px;
	background:#f4f8ff
}
.features>.left a {
	display:block;
	padding:13px 16px;
	border-radius:9px;
	color:#4b5b73;
	font-size:16px;
	font-weight:500
}
.features>.left a.active,
.features>.left a:hover {
	color:#fff;
	background:linear-gradient(135deg,#256de6,#68bfff)
}
.features>.right {
	flex:1;
	min-width:0;
	padding:6px 8px 10px
}
.newsc>h1,
.blog-detail-view>.title {
	font-size:34px;
	font-weight:600;
	line-height:1.35
}
.newsc-intro {
	margin-top:7px;
	color:#6f7d91;
	font-size:15px;
	line-height:25px
}
.blog-list {
	margin-top:22px
}
.blog-card {
	display:flex;
	gap:22px;
	padding:22px 0;
	border-top:1px solid #edf1f7
}
.blog-card:first-child {
	border-top:0;
	padding-top:4px
}
.blog-thumb {
	flex:0 0 220px;
	height:150px;
	overflow:hidden;
	border-radius:10px;
	background:#eef4ff
}
.blog-thumb a {
	display:block;
	width:100%;
	height:100%
}
.blog-thumb img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.blog-card-body {
	display:flex;
	flex:1;
	min-width:0;
	flex-direction:column;
	justify-content:space-between
}
.blog-card h2 {
	font-size:21px;
	font-weight:600;
	line-height:1.45
}
.blog-card h2 a {
	color:#282828
}
.blog-card h2 a:hover {
	color:#256de6
}
.blog-card p {
	margin-top:10px;
	color:#67758a;
	font-size:15px;
	line-height:1.8
}
.blog-card p a {
	margin-left:5px;
	color:#256de6
}
.blog-card-date {
	align-self:flex-end;
	margin-top:14px;
	color:#9aa5b5;
	font-size:14px
}
.blog-card[hidden],
.blog-detail-view[hidden],
.blog-list-view[hidden],
.pages[hidden] {
	display:none!important
}
.post-time {
	margin-top:12px;
	padding-bottom:18px;
	border-bottom:1px solid #edf1f7;
	color:#8a96a7;
	font-size:14px
}
.content {
	padding:24px 0;
	color:#3f4d60;
	font-size:16px;
	line-height:1.9;
	white-space:normal
}
.content h2,
.content h3 {
	margin:26px 0 10px;
	color:#26364f;
	font-weight:600;
	line-height:1.45
}
.content h2 {
	font-size:25px
}
.content h3 {
	font-size:20px
}
.content p,
.content ul,
.content ol,
.content blockquote,
.content table {
	margin:0 0 18px
}
.content ul,
.content ol {
	padding-left:24px
}
.content ul {
	list-style:disc
}
.content ol {
	list-style:decimal
}
.content blockquote {
	padding:14px 18px;
	border-left:4px solid #256de6;
	color:#63738c;
	background:#f4f8ff
}
.content img,
.content video {
	display:block;
	max-width:100%;
	height:auto
}
.content a {
	color:#256de6
}
.article-nav {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-top:18px;
	padding:16px 0;
	border-top:1px solid #edf1f7;
	border-bottom:1px solid #edf1f7
}
.article-nav p:last-child {
	text-align:right
}
.article-nav a {
	color:#53647c
}
.article-nav a:hover {
	color:#256de6
}
.blog-detail-back {
	display:inline-flex;
	margin-top:20px;
	padding:10px 16px;
	border-radius:8px;
	color:#fff;
	background:#256de6
}
.blog-detail-back:hover {
	background:#1f5dcc
}
.pages {
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:20px;
	color:#66758a
}
.pages a,
.pages span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	height:34px;
	padding:0 9px;
	border:1px solid #dce5f2;
	border-radius:7px;
	color:#53647c;
	background:#fff
}
.pages .current,
.pages a:hover {
	border-color:#256de6;
	color:#fff;
	background:#256de6
}
.blog-page>.footer {
	position:relative;
	bottom:auto;
	flex:0 0 auto;
	width:auto;
	padding:28px 20px;
	color:#fff;
	text-align:center;
	background:linear-gradient(135deg,#256de6,#68bfff)
}
.blog-page>.footer a,
.blog-page>.footer span {
	color:#fff
}
@media screen and (max-width:1250px) {
	.container {
		width:1100px
	}
}