.ContentItem-actions, .article, .articleImg, .articleInfBox, .bookR, .rankingTime, .topicIndex {
	position:relative
}
.articleBox {
	padding:20px 0;
	height:178px;
	border-bottom:none
}
.articleImg {
	width:210px;
	height:132px;
	margin-right:13px;
	background:url(../image/placeholder.png) no-repeat;
	background-size:100%;
	overflow:hidden
}
.articleImgLink {
	font-size:0;
	color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display:block;
	width:210px;
	height:132px;
	border-radius:6px
}
.article {
	height:100%;
	width:574px
}
.topicIndex {
	z-index:3;
	margin-top:-1px;
	padding:30px 0 20px
}
.articleBox:nth-of-type(5) {
border:none
}
.articleTitle {
	font-size: 16px;
	line-height:28px;
	margin-top: -3px;
	height:28px;
	color:#212629;
	margin-bottom:10px
}
.articleTitle:hover {
	color:#0289ff
}
.articleContent {
	font-size:13px;
	line-height:22px;
	height:67px;
	overflow:hidden;
	color:#818386;
	width: 100%
}
.articleContent .articleContent {
	font-size:14px
}
.articleContentInner {
	font-size:13px
}
.ContentItem-more {
	padding:0;
	margin-left:4px;
	color:#175199!important;
	font-size:14px!important
}
.Button, .apply, .articleInfBox {
	font-size:14px
}
.Button--link, .Button--plain {
	height:auto;
	padding:0;
	line-height:inherit;
	background-color:transparent;
	border:none;
	border-radius:0
}
.Button, button.Button {
	background:0 0;
	cursor:pointer
}
.Button {
	display:inline-block;
	padding:0 16px;
	line-height:32px;
	color:#8590a6;
	text-align:center;
	border:1px solid;
	border-radius:3px
}
button.Button {
	padding:0;
	font:inherit;
	color:inherit;
	border:none;
	outline:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.expanded {
	height:auto
}
.expanded .articleContent {
	height:auto;
	padding:7px;
	width:780px;
	margin-bottom:25px
}
.expanded .articleTitle {
	padding:2px;
	margin:11px
}
.expanded .shrinkThisBtn {
	float:left
}
.articleInfBox {
	left:0;
	bottom:0;
	color:#979797
}
.shrinkThisBtn {
	float:right;
	cursor:pointer;
	display:none
}
.is-fixed .shrinkThisBtn {
	display:block;
	font-weight:700;
	color:#fa8736
}
.expanded .articleInfBox {
	display:block!important;
	width:719px
}
.RichContent {
	line-height:1.67
}
.ContentItem-actions {
	height: 16px;
	line-height: 16px;
	padding: 20px 0 0 0;
	color:#646464;
	clear:both
}
.ContentItem-actions.is-fixed {
	margin:0
}
.Sticky.is-fixed {
	position:fixed;
	z-index:2;
	box-sizing:border-box;
	-webkit-font-smoothing:subpixel-antialiased;
	width:780px;
	height:50px;
	padding-top:4px;
	padding-right:0;
	background-color:#fff;
	-moz-box-shadow:#90909057 0 -5px 62px 2px;
	-webkit-box-shadow:#d4d4d4 0 -5px 62px 2px;
	box-shadow:#90909057 0 -5px 62px 2px;
	border:1px solid #dadada;
	border-radius:6px 6px 0 0
}
.apply {
	position:absolute;
	right:24px;
	bottom:0;
	width:100px;
	height:30px;
	line-height:30px;
	color:#fff;
	border-radius:15px
}
.articleListBoxInIndex div.articleInfBox span.author {
	width:131px;
	height: 16px;
	line-height: 16px
}
.articleListBoxInIndex div.articleInfBox span.author:hover {
	color:#0289ff;
	cursor:pointer
}
.articleInfBoxItem {
	font-size:13px;
	color:#aaaeb3;
	line-height:16px;
	opacity:.6
}
.articleListBoxInIndex div.articleInfBox.is-fixed span.author {
	width:169px;
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/default_avatar.png)
}
.articleInfBox span.author {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
div.articleInfBox2 span.author, div.articleInfBox2 span.author:hover {
	padding:0;
	height:16px;
	width:131px
}
.articleInfBox.is-fixed .author {
	height:40px!important;
	padding-left:50px!important;
	padding-top:13px!important
}
.is-fixed .author, .is-fixed .collectJsBtn, .is-fixed .readNum, .is-fixed .shareThis, .is-fixed .writeTime {
	color:#000;
	vertical-align:middle;
	display:block;
	float:left
}
.is-fixed .collectJsBtn, .is-fixed .readNum, .is-fixed .shareThis, .is-fixed .writeTime {
	margin-top:13px
}
.expanded .author, .expanded .collectJsBtn, .expanded .readNum, .expanded .shareThis, .expanded .shrinkThisBtn, .expanded .writeTime {
	float:left;
	display:block
}
.is-fixed .shrinkThisBtn {
	float:left;
	line-height:46px
}
.articleInfBox2 .articleClassify2 {
	position:absolute;
	left:481px
}
.art_tag {
	height:22.5px;
	color:#aaaeb3;
	font-size:12px;
	padding:2px 4px;
	border:1px solid #aaaeb3;
	border-radius:4px;
	margin-right:8px;
	max-width:65px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:initial
}
.art_tag:hover {
	color:#0389ff;
	border:1px solid #0389ff
}
.splitLine {
	float: left;
	height: 12px;
	line-height: 12px;
	margin:0 15px;
	color:#d8d8d8
}
.author {
	display:inline-block;
	width:160px;
	margin-right:50px;
	height:40px;
	padding-top:13px
}
.collectNum, .readNum {
	margin-right:25px;
	color:#999
}
.readNum {
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/ico_read2.png) left no-repeat;
	width:41px
}
.collectNum {
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/ico_like2.png) left no-repeat
}
.collectNum.fav-done {
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/fav.png)
}
.collectJsBtn {
	cursor:pointer
}
.writeTime {
	width: auto
}
.reading {
	width:140px;
	font-size:13px;
	font-weight:500;
	color:#aaaeb3;
	opacity:.6;
	padding-left:23px;
	background:url(../image/read.png) no-repeat;
	background-size:16px 16px
}
.shareThis {
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/share@2x.png) left no-repeat;
	cursor:pointer
}
.more {
	font-size:12px;
	line-height:44px;
	color:#b0b0b0;
	text-align:right;
	display:block
}
.articleClassify, .hotListWidth, .loadMore, .noSearchData, .searchTitleBox, .yellowlabel, p.btn .join {
	text-align:center
}
.more:hover {
	color:#0289ff
}
.topicListTitle {
	font-size:18px;
	line-height:38px;
	color:#212121
}
.loadMore {
	margin-top:20px;
	height:60px;
	font-size:16px;
	line-height:60px;
	background:#f8f8f8;
	color:#9e9e9e
}
.bookTitle, .courseTitle, .rankingTime .rankingTimeChecked, .yellowlabel {
	color:#212121
}
.loadMore:hover {
	background:#eee
}
.bannerRImg {
	width:100%;
	height:326px;
	margin-bottom:30px
}
.rankingBox {
	overflow:hidden;
	border-radius:2px
}
.rankingListBox {
	width:1000%
}
.rankingTime {
	float:right
}
.rankingContent span {
	width:30px;
	display:inline-block
}
.adImgBox img {
	width:100%;
	height:232px;
	margin-bottom:11px
}
.adImgBox2 img {
	width:310px!important;
	height:200px!important;
	border-radius:6px 6px 0 0!important;
	margin:0 auto
}
.bookmore {
	float:right;
	font-size:14px;
	color:#b0b0b0
}
.bookmore:hover {
	color:#0289ff
}
.bookList {
	padding:20px 0 14px
}
.bookR {
	width:190px;
	height:100px
}
.bookImg {
	width:80px;
	height:100px;
	margin-right:16px
}
.bookImg img {
	height:100%
}
.bookTitle {
	line-height:22px;
	width: 226px;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.articleClassify {
	position:absolute;
	font-size:12px;
	top:10px;
	left:10px;
	padding:0 10px;
	height:26px;
	line-height:26px;
	color:#fff;
	overflow:hidden;
	background:rgba(0, 0, 0, .3);
	border-radius:15px;
	border:1px solid rgba(255, 255, 255, 1)
}
.yellowlabel, p.btn .join {
	font-size:14px;
	position:absolute
}
.articleClassify:hover {
	background-color:#4a4a4ac7
}
.articleList.bannerL {
	width:780px
}
.articleListR .exCourse {
	width:340px;
	height:326px;
	padding:10px 10px 0;
	margin-bottom:88px;
	position:relative
}
.courseImgBox {
	width:320px;
	position:relative
}
.yellowlabel {
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/yellowlabel.png) no-repeat;
	background-size:100%;
	width:69px;
	height:40px;
	left:-9px;
	top:18px;
	line-height:30px;
	z-index:3
}
.courseTitle {
	font-size:18px;
	line-height:36px;
	width:100%;
	overflow:hidden
}
.activity {
	width:340px;
	height:326px;
	padding:10px;
	border:1px solid #eee;
	position:relative;
	margin-bottom:30px
}
.activity:hover {
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);
	box-shadow:0 0 10px rgba(0, 0, 0, .2)
}
.activity .free {
	position:absolute;
	left:-8px;
	top:20px;
	width:76px
}
.activity .bottom .title {
	font-size:16px;
	line-height:16px;
	padding-top:20px;
	color:#27313e;
	font-weight:700;
	margin-bottom:10px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.activity .bottom .time {
	font-size:13px;
	color:#b0b0b0
}
p.btn .time {
	color:#b0b0b0
}
.loadPPT {
	color:#b0b0b0;
	font-size:12px;
	padding-left:20px;
	display:inline;
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/dlclass.png) left center no-repeat
}
.loadPPT:hover {
	color:#0289ff;
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/dlclasshover.png) left center no-repeat
}
.activity .bottom .btn span {
	position:relative;
	top:4px
}
.nowClass {
	color:#0289ff;
	margin-right:10px
}
p.btn .join {
	bottom:13px;
	right:20px;
	width:102px;
	height:36px;
	line-height:36px;
	color:#fff;
	background:#03b5ff;
	border-radius:22px;
	font-weight:700
}
.applyNum {
	font-size:12px;
	margin-top:22px;
	line-height:40px;
	color:#b0b0b0
}
.hotfindLi {
	width:670px
}
.hotFindList {
	padding-bottom:32px
}
.hotList {
	padding:0 10px;
	height:39px;
	color:#999;
	margin:20px 16px 0 0;
	font-size:14px;
	color:rgba(151, 151, 151, 1);
	line-height:39px;
	background:rgba(247, 247, 247, 1);
	border-radius:20px;
	box-sizing:border-box;
	border:1px solid rgba(247, 247, 247, 1)
}
.hotListWidth {
	width:95px
}
.hotList:hover {
	background:#ffdb00;
	color:#212629;
	border:1px solid #ffdb00
}
.bannerAuthor {
	font-size:12px;
	color:#fff
}
.bannerAuthor.big {
	font-size:14px
}
.topicAboutBox {
	padding-top:10px
}
.searchPage .contentLeft {
	margin:0 auto
}
.searchTitleBox {
	border-bottom:1px solid #eee
}
.searchTitle {
	font-size:18px;
	line-height:54px;
	position:relative;
	margin-right:60px;
	color:#707070
}
.searchTitle.checked:after {
	content:'';
	position:absolute;
	bottom:-1px;
	left:2px;
	width:32px;
	height:4px;
	background:#ffda44
}
.checked.searchTitle a {
	color:#212121
}
.searchTypeBox {
	padding:20px 0
}
.rankingBox .related {
	font-size:14px;
	color:#212121
}
.noSearchData {
	font-size:14px;
	color:#707070;
	line-height:34px;
	margin-top:80px
}
.related span {
	color:#0289ff
}
.ranking {
	float:right
}
.rankingstyle {
	font-size:12px;
	position:relative;
	margin-left:40px;
	padding-right:10px;
	color:#b0b0b0
}
.downRanking, .upRinking {
	position:absolute;
	right:0
}
.rankingstyle.checked {
	color:#0289ff
}
.updown {
	width:0;
	height:0;
	border-width:6px 4px;
	border-style:solid
}
.upRinking {
	top:-4px;
	border-color:#fff #fff #b0b0b0
}
.upRinking.checked {
	border-color:#fff #fff #0289ff
}
.downRanking {
	bottom:19px;
	border-color:#b0b0b0 #fff #fff
}
.downRanking.checked {
	border-color:#0289ff #fff #fff
}
.commonSearchBox {
	font-size:16px;
	line-height:40px
}
.commonSearchInput {
	float:left;
	font-size:16px;
	padding-left:5px;
	width:660px;
	height:40px;
	border:1px solid #eee;
	margin-bottom:30px;
	outline:0
}
.commonSearchBtn {
	float:left;
	width:120px;
	height:40px;
	color:#fff
}
.scrollTop {
	display:none;
	position:fixed;
	bottom:100px;
	width:40px;
	height:40px;
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/scrolltop.png) center no-repeat, #eee;
	left:50%;
	margin-left:420px
}
.bannerTitle, .bannerTitleBg {
	position:absolute;
	left:0;
	bottom:0;
	width:100%
}
.scrollTop:hover {
	background:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/scrolltophover.png) center no-repeat, #eee
}
.bannerTitleBg {
	height:20%
}
.bannerTitle {
	color:#fff;
	text-align:left;
	font-size:16px;
	line-height:1.5;
	padding:10px 12px 5px;
	background:rgba(0, 0, 0, .5)
}
.bannerTitle .bannerTitleText.big {
	font-size:20px;
	width:780px
}
.bannerTitleText {
	display:inline-block;
	text-align:left;
	font-size:18px;
	line-height:1.5;
	width:500px
}
.bannerTitle.small {
	font-size:14px;
	padding:5px 12px
}
.bannerTitle.small .bannerTitleText {
	padding:0
}
.bannerR>a {
	position:relative
}
.ol-popup {
	position:absolute;
	background-color:#fff;
	-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .2));
	filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .2));
	padding:15px;
	border-radius:5px;
	border:1px solid #ccc;
	bottom:38px;
	display:none;
	z-index:3
}
.ol-popup:after, .ol-popup:before {
	top:100%;
	border:solid transparent;
	content:' ';
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
.ol-popup:after {
	border-top-color:#fff;
	border-width:10px;
	left:60px;
	margin-left:-10px
}
.ol-popup:before {
	border-top-color:#ccc;
	border-width:11px;
	left:60px;
	margin-left:-11px
}
.ol-popup-closer {
	text-decoration:none;
	position:absolute;
	top:2px;
	right:8px
}
.ol-popup-closer:after {
	content:'?'
}
.Menu-item {
	display:block;
	width:100%;
	padding:0 20px;
	text-align:left;
	cursor:pointer;
	box-sizing:border-box
}
.ShareMenu-button {
	height:40px;
	font-size:14px
}
.Icon {
	vertical-align:text-bottom;
	fill:currentColor
}
.Icon--left {
	margin-right:6px
}
.Button--plain:hover {
	color:#77839c;
	border-bottom:1px solid;
	border-radius:0
}
.ShareMenu-qrCode {
	width:94px;
	height:94px
}
.expanded .articleTitle {
	font-size:28px;
	line-height:40px;
	height:45px;
	width:760px
}
.contentText-more {
	cursor:pointer;
	color:#818386;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.contentText-more:hover {
	color:#0289ff
}
span.shareThis {
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/share_y.png);
	background-position-x:8px;
	padding-left:25px;
	width:57px
}
span.shareThis:hover {
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/share_w.png)
}
span.collectJsBtn {
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/fav_e.png);
	background-position-x:6px;
	padding-left:25px;
	width:68px
}
span.collectJsBtn:hover {
	background-image:url(/csdn2023/template/quater_2023_csdn/src/niaogebiji/fav_w.png)
}
.articleListControlNewBtn {
	height:23px;
	background-color:#fdf9f8;
	border-radius:3px;
	color:#fa8736;
	font-weight:400;
	padding-top:3px
}
.articleListControlNewBtn:hover {
	background-color:#fa8736;
	color:#fff
}
.articleListControlNewBtn2 {
	float: left;
	height: 16px;
	line-height: 16px
}
.is-fixed .articleListControlNewBtn:hover {
	color:#fff;
	background-color:rgba(250, 135, 54, 1)
}
.is-fixed .articleListControlNewBtn {
	color:#fa8736;
	height:22px;
	width:75px;
	background-color:rgba(253, 249, 248, 1);
	border-radius:2px;
	padding-top:0;
	line-height:22px;
	font-weight:500
}
.downloadzl, .downloadzl>a {
	text-align:center;
	line-height:28px;
	cursor:pointer;
	font-size:12px
}
.is-fixed .shareThis {
	margin-right:22px
}
.is-fixed .collectNum {
	margin-right:0
}
.is-fixed .articleListControlBtnWrap {
	margin-top:10px
}
.is-fixed .shrinkThisBtn {
	margin-top:-2px;
	margin-right:0;
	margin-left:30px
}
.is-fixed .articleListControlNewBtn2 {
	padding-left:24px
}
.is-fixed .readNum {
	width:80px;
	margin-right:76px
}
span.readNum {
	width:41px
}
.downloadzl {
	width:95px;
	height:29px;
	background:#ffdb00;
	border-radius:6px;
	color:#212629;
	overflow:hidden
}
.downloadzl>a {
	width:100%;
	height:100;
	background:#fff
}
.downloadzl:hover {
	background:#ffd100
}
.downloadzl:hover a {
	background:rgba(250, 135, 53, 1);
	color:#fff
}
.downloadcoin {
	width:100px;
	height:11px;
	font-size:12px;
	color:rgba(255, 58, 58, 1);
	position:absolute;
	right:-10px;
	top:-15px
}