.card {
	background-color: #fff;
	padding: 20px 24px;
	font-size: 14px
}

.main-flow .card-title {
	margin-bottom: 10px
}

.card>.card-title-block,.dropdown>.dropdown-menu>.card-title-block,.hero>.main>.side-left>.card-title-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.card>.card-subtitle-block,.dropdown>.dropdown-menu>.card-subtitle-block,.hero>.main>.side-left>.card-subtitle-block {
	color: #9c9c9c;
	font-weight: normal;
	font-size: 12px;
	margin-top: 9px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	white-space: nowrap;
	margin-bottom: 20px
}

.card>.card-subtitle-block>*:not(:first-child),.dropdown>.dropdown-menu>.card-subtitle-block>*:not(:first-child),.hero>.main>.side-left>.card-subtitle-block>*:not(:first-child) {
	margin-left: 24px
}

.card>.card-subtitle-block>.active,.dropdown>.dropdown-menu>.card-subtitle-block>.active,.hero>.main>.side-left>.card-subtitle-block>.active {
	color: #59abfd
}

.card .card-title,.dropdown>.dropdown-menu .card-title,.hero>.main>.side-left .card-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap
}

.card .card-title>*:not(:first-child),.dropdown>.dropdown-menu .card-title>*:not(:first-child),.hero>.main>.side-left .card-title>*:not(:first-child) {
	margin-left: 7px
}

.card .card-title img,.dropdown>.dropdown-menu .card-title img,.hero>.main>.side-left .card-title img {
	width: 17px;
	height: 17px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.card .card-title .current,.dropdown>.dropdown-menu .card-title .current,.hero>.main>.side-left .card-title .current {
	color: #2b2b2b
}

.card .card-title-line {
	margin-bottom: 10px
}

.dropdown>.dropdown-menu .card-title-line,.hero>.main>.side-left .card-title-line {
	height: 1px;
	background-color: #f6f6f6;
	margin-top: 10px
}

.card .card-title-line {
	display: none
}

.card-list>* {
	margin-bottom: 12px
}

.card-list .more>img {
	width: auto
}

.card-list>.card>.card-title,.hero>.main.card-list>.side-left>.card-title,.dropdown.card-list>.dropdown-menu>.card-title {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	color: #2b2b2b;
	line-height: 22px;
	justify-content: space-between
}

.card-list>.card>ul.post-list,.hero>.main.card-list>.side-left>ul.post-list,.dropdown.card-list>.dropdown-menu>ul.post-list {
	color: #2f96fd;
	list-style: outside disc;
	padding-left: 38px;
	padding-right: 24px
}

.card-list>.card>ul.post-list>*:not(:first-child),.hero>.main.card-list>.side-left>ul.post-list>*:not(:first-child),.dropdown.card-list>.dropdown-menu>ul.post-list>*:not(:first-child) {
	margin-top: 10px
}

.card-list>.card>ul.post-list>li,.hero>.main.card-list>.side-left>ul.post-list>li,.dropdown.card-list>.dropdown-menu>ul.post-list>li {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px
}

.card-list>.card>.item-list>li {
	margin-bottom: 8px
}

.card-list>.card>ul.post-list>li>a:link,.hero>.main.card-list>.side-left>ul.post-list>li>a:link,.dropdown.card-list>.dropdown-menu>ul.post-list>li>a:link {
	color: #666
}

.card-list>.card>ul.post-list>li>a:hover,.hero>.main.card-list>.side-left>ul.post-list>li>a:hover,.dropdown.card-list>.dropdown-menu>ul.post-list>li>a:hover {
	color: #2f96fd
}

.card-list>.card>ul.post-list>li>a:visited,.hero>.main.card-list>.side-left>ul.post-list>li>a:visited,.dropdown.card-list>.dropdown-menu>ul.post-list>li>a:visited {
	color: #358ed7
}

.hero {
	padding-left: 40px;
	padding-right: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.hero>.main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.hero>.main>*:not(:first-child) {
	margin-left: 0
}

.hero>.main>.side-left {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 152px;
	-ms-flex: 0 0 152px;
	flex: 0 0 152px;
	align-self: flex-start;
	max-width: 152px
}

.hero>.main>.main-flow {
	width: 100%;
	position: relative
}

.hero>.main>.main-flow>*:not(:first-child) {
	margin-top: 20px
}

.main-flow .card {
	padding: 16px 30px
}

.hero>.main>.side-right {
	width: 300px;
	max-width: 300px;
	min-width: 300px;
	padding-top: 0
}

.avatar {
	width:64px;
	height:64px;
	border-radius: 0;
	padding: 1px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

@media only screen and (max-width:767px) {
	.sidenav .current-nav {
		margin: unset;
		padding: 12px 20px !important
	}
}

#sidenav_category.current-nav {
	margin-top: -20px
}

#sidenav_more .dropdown-button span {
	margin-left: 17px
}

#sidenav_more .dropdown-button img {
	width: 12px;
	height: 12px
}

#sidenav_more .dropdown-menu {
	left: 52px;
	padding-left: 15px;
	padding-right: 15px
}

#sidenav_more .dropdown-menu a:hover {
	text-decoration: underline
}

.main-flow .card.headline {
	padding: 0;
	margin-left: -8px
}

.headline {
	font-size: 13px;
	font-weight: 400
}

.headline li {
	line-height: 28px;
	font-size: 12px
}

.headline .headline-label {
	margin-left: 0;
	cursor: pointer;
	font-weight: 400
}

#editor_pick_lnk {
	font-size: 14px;
	font-weight: 500
}

.main-flow .headline a:link,.main-flow .headline a:visited {
	color: #0053a1
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:hover,.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:active,.main-flow .headline a:hover,.main-flow .headline a:active {
	color: #f60;
	text-decoration: underline
}

.headline-list {
	list-style: disc inside
}

.headline-list>.headline-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.headline-list>.headline-item>.headline-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	line-height: 46px;
	width: 80%
}

.headline-list>.headline-item>.headline-title>a:hover {
	color: #2f96fd
}

.headline-list>.headline-item>.headline-title>a:visited {
	color: #358ed7
}

.headline-list>.headline-item>.headline-meta {
	color: #7c7c7c;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap
}

#top_commented_post,#news_headline {
	display: none
}

#posts_refresh {
	font-size: 13px;
	color: #959595
}

#post_list_title .card-title>*:not(:first-child) {
	margin-left: 5px;
	font-weight: 500;
	color: #777;
	font-size: 16px
}

#post_list_title .card-title img,#post_list_title .card-title svg {
	width: 24px;
	height: 24px;
	margin-left: -5px
}


.iframe {
	width: 100%;
	margin-bottom: 20px;
	height: 100%;
	padding: 0;
	margin: 0;
	min-height: 768px;
}

.post-list {
	width: 100%;
	margin-bottom: 0;
	min-height: 730px;
    padding: 18px 15px;
}

.post-list>.post-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	overflow-wrap: break-word
}

.post-list>.post-item .post-item-author {
	align-items: center
}

a.post-item-author:link {
	color: #0053a1
}

a.post-item-author:hover,a.post-item-author:active {
	color: #f60;
	text-decoration: underline
}

a.post-item-author:visited {
	color: #0053a1
}

.post-list>.post-item .post-item-author svg,.post-list>.post-item .post-item-author img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	vertical-align: middle
}

.post-list>.post-item>.post-item-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

.post-list>.post-item>.post-item-body>.post-item-text {
	width: 100%
}

.post-list>.post-item>.post-item-body>.post-item-text>*:not(:first-child) {
	margin-top: 9px
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title {
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	outline: none
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:link {
	color: #005da6;
	text-decoration: none
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:hover,.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:active {
	color: #f60;
	text-decoration: underline
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-title:visited {
	color: #1d71b8
/* 	color: #333 */
}

.post-list>.post-item>.post-item-body>.post-item-text>.post-item-summary {
	display: block;
	color: #232323;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	-o-text-overflow: clip;
	text-overflow: clip
}

.post-list>.post-item>.post-item-body>.post-item-foot {
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	color: #555
}

.post-list>.post-item>.post-item-body>.post-item-foot>* {
	margin-right: 16px;
	vertical-align: middle
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item {
	display: inline-flex;
	fill: #bdbdbd;
	stroke: #bdbdbd;
	height: 20px;
	white-space: nowrap;
	align-items: center
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item>*:not(:first-child) {
	margin-left: 6px
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item.btn {
	border-radius: 10px
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item.btn:hover {
	fill: #59abfd;
	stroke: #59abfd;
	color: #59abfd
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item.btn.active {
	fill: #59abfd;
	stroke: #59abfd;
	color: #59abfd
}

.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item>svg,.post-list>.post-item>.post-item-body>.post-item-foot>.post-meta-item>img {
	width: 16px;
	height: 16px
}

.post-item .post-item-img {
	margin-left: 10px;
	max-height: 80px;
	max-width: 200px;
	border-radius: 4px
}

.post-list .spin-block {
	text-align: center;
	padding: 20px;
	min-height: 600px
}

.editorpick-item a:link {
	text-decoration: none !important;
	font-weight: normal !important
}

.editorpick-item-meta {
	margin-left: 10px;
	color: #333
}

.sidebar .card .card-title {
	margin-bottom: 20px;
	color: #888;
	font-size: 14px
}

.sidebar .editorpick .card-title {
	color: #888;
	display: inline-flex
}

.sidebar .editorpick .card-title .subtitle {
	color: #909090;
	font-weight: normal;
	font-size: 14px;
	margin-left: 30px
}

.sidebar .editorpick li {
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

.sidebar .editorpick li a:hover {
	text-decoration: underline
}

.sidebar .editorpick li .number {
	font-size: 32px;
	margin-right: 20px;
	color: #d9d9d9;
	font-family: Arial-Black,Arial;
	align-self: center
}

.editorpick .right_more {
	display: none
}

.sidebar .card.editorpick {
	margin-top: 10px;
	padding-bottom: 5px
}

.sidebar .card {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent
}

.sidebar .item-list li {
	display: flex;
	max-height: 40px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px
}

.sidebar .item-list li .number {
	margin-right: 10px;
	color: #909090
}

.sidebar-image {
	margin-left: 16px
}

.sidebar-image img {
	max-width: 100%
}

.editorpick a {
	line-height: 24px
}

.editorpick a:link,.editorpick a:active,.editorpick a:visited {
	color: #888
}

.editorpick a:hover {
	color: #888
}

.sidebar .recent-news li a {
	align-self: center
}

.sidebar .item-list li a:link,.sidebar .item-list li a:active,.sidebar .item-list li a:visited {
	color: #353535
}

.sidebar .item-list li a:hover,.sidebar .recent-news li a:hover,.ad-right-text a:hover,.sidebar-bh a:hover {
	color: #339cff
}

.sidebar .card .more {
	color: #909090;
	text-align: center;
	width: 248px;
	background-color: #f6f6f6;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px
}

.sidebar .card .more a:link,.sidebar .card .more a:active,.sidebar .card .more a:visited {
	color: #909090
}

.sidebar .card .more a:hover {
	color: #2f96fd
}

div#cnblogs_b1 {
	margin-top: 20px
}

#sidebar_bh {
	margin-top: 20px
}

#sidebar_bh a:link,#sidebar_bh a:active,#sidebar_bh a:visited {
	color: #11225a
}

#sidebar_bh a:hover {
	color: #f60
}

#pager_top {
	margin: 20px auto 30px
}

.pager {
	font-size: 14px;
	font-weight: 500;
	text-align: center
}

.pager-block>.pager>*:not(:first-child),#paging_block>.pager>*:not(:first-child),#pager_top>.pager>*:not(:first-child) {
	margin-left: 22px
}

.pager>* {
	color: #959595;
	background-color: #f4f4f6;
	padding: 5px 10px
}

.pager>a.current {
	color: #fff;
	background-color: #2f96fd
}

.digg_tip {
	display: none
}

.ad-right-text,.sidebar-bh {
	font-size: 12px;
	margin-left: 20px;
	color: #353535
}

.ad-right-text ul>*:not(:first-child),.sidebar-bh ul>*:not(:first-child) {
	margin-top: 5px
}

footer#footer {
	padding-top: 32px;
	padding-bottom: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #888;
	background-color: #f3f3f3;
	font-size: 13px;
	font-weight: 400;
	text-align: center
}

.footer>*:not(:first-child) {
	margin-top: 5px
}

footer#footer .friend-link {
	font-size: 12px
}

.footer .link-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 80%
}

.footer .link-list>*:not(:first-child) {
	margin-left: 12px
}

.footer>.footer-splitter {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 80%;
	height: 1px;
	background-color: #999
}

.footer .site-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.footer .site-links>*:not(:first-child) {
	margin-left: 12px
}

#footer_bottom>div {
	margin-bottom: 10px
}

footer#footer .beian a {
	padding-right: 5px
}

footer#footer .about a,footer#footer .about span {
	padding-left: 8px;
	padding-right: 8px
}

.report-contact img {
	width: 18px;
	vertical-align: middle;
	margin-left: 5px
}

.side_comment_info {
	border-bottom: 1px dotted #ddd;
	color: #a0a0a0;
	margin-top: 5px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 13px;
	margin-bottom: 10px
}

.side_comment_info a:link,.side_comment_info a:active,.side_comment_info a:visited {
	color: #777
}

.side_comment_info a:hover {
	color: #2f96fd
}

.side_comment {
	margin-left: 0;
	padding-top: 3px;
	color: #333
}

.side_comment_info .comment_quote {
	padding: 5px 5px 5px 5px;
	border: 1px solid #ddd
}

.w_r ul .side_comment_info a {
	display: inline
}

#news_comments ul li {
	white-space: normal
}

.body-dark {
	background-color: #eee
}

.navbar-dark {
	background-color: #444;
	border-color: #444
}

.navbar-dark .dropdown>.dropdown-menu {
	background-color: #444
}

.navbar-dark>nav {
	color: #eee
}

.navbar-dark>nav .navbar-search {
	background-color: #fff
}

#dark_switch {
	padding: 0 50px
}

.navbar-dark>nav .navbar-branding img {
	filter: drop-shadow(1px 1px 2px #000)
}

@-moz-document url-prefix() {
	.navbar-dark > nav .navbar-branding img {
		filter: drop-shadow(1px 1px 2px #191919);
	}
}

.border-none {
	border: none
}

.bannerbar-q {
	height: 44px;
	background-image: url(https://common.cnblogs.com/images/banner/bannerbar-q-background.png);
	background-size: contain
}

.bannerbar.coder-day {
	background-image: none;
	height: auto
}

.bannerbar.coder-day img {
	width: 100%
}

.bannerbar.coder-day.mobile {
	display: none
}

img#banner-q-logo {
	height: 46px;
	margin-left: 182px
}

img#banner-q-slogan {
	width: 156px;
	margin-bottom: 5px;
	margin-left: 10px;
	filter: brightness(95%)
}

.bannerbar-wrapper {
	height: 100%;
	display: flex;
	color: #fff;
	margin-left: 130px;
	font-family: PingFangSC-Regular,sans-serif
}

.bannerbar-left {
	font-size: 20px;
	align-self: center;
	filter: drop-shadow(1px 1px 2px #42aced)
}

#site_categories_wrapper {
	width: 100%;
	display: none;
	position: absolute;
	top: 33px;
	background-color: #fff;
	box-shadow: 0 2px 4px 1px rgba(200,200,200,.5)
}

#site_categories_card {
	margin-top: -53px;
	background-color: #fff;
	box-shadow: 4px 0 4px 0 rgba(200,200,200,.5);
	padding: 13px 20px 20px;
	columns: 160px 5;
	-webkit-columns: 160px 5;
	-moz-columns: 160px 5
}

#site_categories_card>ul {
	padding: 0 20px;
	margin-bottom: 28px;
	break-inside: avoid
}

#site_categories_card>ul>li>ul {
	margin-top: 14px
}

#site_categories_card>ul>li>a {
	font-weight: 500;
	font-size: 14px;
	color: #545454
}

#site_categories_card>ul>li>ul>li {
	line-height: 24px;
	font-size: 12px;
	color: #717171
}

#site_categories_card ul>li>a:hover {
	color: #2f96fd
}

.sidenav-category-active {
	background-color: #fff;
	margin: -20px 0 0 -40px;
	padding: 15px 0 15px 60px !important;
	box-shadow: 0 2px 4px 1px rgba(200,200,200,.2)
}

@media only screen and (max-width:767px) {
	.sidenav-category-active {
		margin: unset;
		padding: 12px 20px !important
	}

	#site_categories_wrapper {
		top: 0
	}

	#site_categories_card {
		margin-top: unset;
		padding: 13px 20px 20px;
		column-count: 4;
		column-width: 110px;
		column-gap: 20px
	}

	#site_categories_card>ul {
		padding: 0
	}

	#site_categories_card>ul>li>a {
		font-size: 16px
	}

	#site_categories_card>ul>li>ul>li {
		line-height: 28px;
		font-size: 14px
	}
}

.formobile {
	display: none !important
}

.bannerbar.aws img {
	width: 100%
}

.bannerbar.aws {
	background-image: url(https://common.cnblogs.com/images/banner/bannerbar-aws-bg.png);
	height: 32px;
	background-size: contain;
	display: flex
}

.bannerbar.aws .left {
	margin-left: 90px;
	height: 32px;
	width: auto
}

.bannerbar.aws .right {
	height: 32px;
	width: auto;
	margin-right: 130px;
	margin-left: auto;
	align-self: center
}

.bannerbar.aliyun.forpc {
	background-repeat: repeat-x;
	height: 32px
}

.bannerbar.aliyun.forpc img {
	height: 32px
}

.bannerbar.forpc {
	height: 32px
}

.bannerbar.forpc img {
	height: 32px
}

#navbar_lite_mode_on {
	vertical-align: middle
}

@media only screen and (max-width:767px) {
	.bannerbar.aws .left {
		display: none
	}

	.bannerbar.aws .right {
		display: none
	}
}