.main {
	width:100%;
	min-height:100%;
	background-color:#fafafa;
	overflow-x:hidden
}
.container {
	width:1088px;
	overflow:hidden;
	margin:30px auto
}
.content {
	width:1088px;
	margin:0 auto
}
.wrapper {
	margin-top:40px
}
.top-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.article-stream {
	margin-right:16px;
	width:784px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.article-stream .article-list.card {
	width:645px
}
.live-stream {
	width:310px;
	padding:20px 5px 20px 15px
}
.load-more,.load-more-index {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:55px;
	margin-bottom:70px
}

.load-more-index a {
	display:block;
	width:115px;
	height:31px;
	text-align:center;
	line-height:29px;
	border:1px solid #333;
	color:#333;
	border-radius:2px;
	font-size:13px
}
.fadeIn-enter {
	opacity:0
}
.fadeIn-enter-active {
	-webkit-transition:opacity .3s linear;
	transition:opacity .3s linear
}
.navbar {
	background-color:#fff;
	border-bottom:1px solid #e6e6e6
}
.navbar-inner {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:1088px;
	margin:0 auto;
	height:71px;
	background-color:#fff
}
.navbar-inner,.navbar-inner .left-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.navbar-inner .left-wrapper {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.navbar-inner .left-wrapper .tab {
	margin-right:40px;
	color:#666;
	font-size:16px
}
.navbar-inner .left-wrapper .tab.active {
	position:relative;
	font-weight:700;
	color:#222
}
.navbar-inner .left-wrapper .tab.active:after {
	content:"";
	display:block;
	width:100%;
	height:3px;
	background-color:#1677d9;
	position:absolute;
	bottom:-10px;
	left:0
}
.navbar-inner .right-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:16px;
	color:#222
}
.navbar-inner .right-wrapper .look-for {
	margin-right:30px
}
.navbar-inner .right-wrapper .look-for:hover {
	color:#0e4d8c
}
.navbar-inner .right-wrapper .search-wrapper {
	width:310px;
	height:40px;
	background-color:#f2f3f4;
	border-radius:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	margin-right:2px;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:relative
}
.navbar-inner .right-wrapper .search-wrapper .search-input {
	width:100%;
	height:100%;
	border-radius:20px;
	padding-left:20px;
	color:#666;
	background-color:#f2f3f4;
	border:1px solid #f2f3f4
}
.navbar-inner .right-wrapper .search-wrapper .search-input:focus {
	border-color:#1677d9;
	background-color:#fff
}
.navbar-inner .right-wrapper .search-wrapper svg {
	position:absolute;
	top:10px;
	right:20px;
	cursor:pointer;
	font-size:20px
}
.navbar-inner .right-wrapper .separate {
	width:1px;
	height:16px;
	background-color:#999
}
.navbar-inner .right-wrapper .login {
	padding:0 30px;
	cursor:pointer
}
.navbar-inner .right-wrapper .login:hover {
	color:#3d454d
}
.navbar-inner .right-wrapper .signup {
	cursor:pointer;
	height:100%;
	line-height:71px;
	padding:0 30px;
	background-color:#292e33;
	color:#fff
}
.navbar-inner .right-wrapper .signup:hover {
	background-color:#3d454d
}
.navbar-logo {
	margin-right:40px;
	display:block;
	width:170px;
	height:58px
}
.navbar-logo img {
	display:block;
	width:100%;
	height:100%
}
.nav-report-link {
	display:block;
	font-size:14px;
	padding:5px 10px;
	color:#333;
	border-radius:2px
}
.nav-auth-link {
	cursor:pointer
}
.nav-auth {
	margin-left:31px;
	margin-right:37px;
	padding-top:2px
}
.nav-me {
	display:inline-block;
	width:25px;
	height:25px;
	cursor:pointer;
	margin-left:30px
}
.nav-me img {
	display:block;
	width:100%;
	border-radius:50%
}
body.image-zoom--open .navbar-inner {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.fab-articles {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	height:502px
}
.fabarticle {
	display:block
}
.fabarticle.full {
	-webkit-box-flex:1;
	-ms-flex:1 1;
	flex:1 1;
	width:480px;
	height:502px
}
.fabarticle.full .fabarticle-content {
	height:192px;
	background-color:#fff;
	padding:20px
}
.fabarticle.full .fabarticle-content .title {
	color:#222;
	font-size:22px;
	line-height:1.45
}
.fabarticle.full .fabarticle-content .content-short {
	margin-top:16px;
	font-size:14px;
	height:46px;
	color:#666;
	line-height:23px;
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	overflow:hidden
}
.fabarticle.full .fabarticle-content .title-time {
	margin-top:16px;
	font-size:12px;
	font-weight:500;
	color:#999
}
.fabarticle.half {
	width:50%;
	height:225px
}
.fabarticle.half:first-child {
	margin-right:16px;
	margin-bottom:16px
}
.fabarticle.half:nth-child(2) {
	margin-bottom:16px
}
.fabarticle.half:nth-child(3) {
	margin-right:16px
}
.fabarticle.half .fabarticle-content {
	padding-bottom:18px
}
.fabarticle.half .fabarticle-content .title {
	font-size:16px;
	color:#fff;
	line-height:22px
}
.fabarticle.half .fabarticle-content .title svg {
	top:-5px;
	width:40px;
	height:30px;
	fill:hsla(0,0%,100%,.6)
}
.fabarticle.half .fabarticle-content .title .title-time {
	font-size:16px;
	font-weight:500;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.fab-article-col.right {
	width:592px;
	overflow:hidden
}
.fab-article-col.right .fabarticle {
	display:inline-block;
	float:left;
	width:288px;
	height:243px
}
.fab-article-col.right .fabarticle .fabarticle-body {
	width:288px;
	height:162px
}
.fab-article-col.right .fabarticle .fabarticle-content {
	background-color:#292e33;
	padding:10px 12px;
	width:288px;
	height:81px
}
.fab-article-col.right .fabarticle .fabarticle-content .title {
	color:#fff;
	font-size:15px;
	line-height:1.4
}
.fab-article-col.right .fabarticle .fabarticle-content .time {
	color:hsla(0,0%,100%,.5);
	font-size:12px;
	margin-top:6px
}
.fabarticle-body {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:310px
}
.fab-tags {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.fab-tags .tag {
	display:block;
	padding:3px 10px;
	border-radius:2px;
	border-width:1px;
	border-style:solid;
	margin:0 5px;
	font-size:13px;
	text-shadow:1px 1px 2px rgba(0,0,0,.7)
}
.fab-tags .tag.firm {
	border-color:#00a4a0;
	color:#00a4a0
}
.fab-tags .tag.ai {
	border-color:#26a5ff;
	color:#26a5ff
}
.fab-tags .tag.consume {
	border-color:#d3f;
	color:#d3f
}
.fab-tags .tag.figure {
	border-color:#ff3882;
	color:#ff3882
}
.fab-tags .tag.fintech {
	border-color:#ffb041;
	color:#ffb041
}
.fab-tags .tag.vcpe {
	border-color:#fae45a;
	color:#fae45a
}
.top-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.tabbar {
	position:relative;
	margin-bottom:20px
}
.tabbar-inner {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:100%;
}
.tab-links,.tabbar-inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.tab-link {
	display:block;
	margin-right:30px;
	font-size:16px;
	color:#666
}
.tab-link:hover {
	color:#222
}
.tab-link.link-active {
	font-weight:600;
	color:#333
}
.article-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.article-list.block {
	display:block
}
.article-list.full {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.article-list.full .Card {
	margin-right:25px
}
.article-list.full .Card:nth-child(3n+1),.article-list.full.showLanding .Card:nth-child(3n) {
	margin-right:0
}
.article-list.full.showLanding .Card:nth-child(3n+1) {
	margin-right:25px
}
.article-list.default {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.article-list.default .article-item.Card {
	margin-right:0
}
.article-link {
	margin-bottom:16px;
	display:block;
	padding:24px;
	height:100%;
	background-color:#fff
}
.article-link:hover {
	-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);
	box-shadow:0 2px 10px 0 rgba(0,0,0,.1)
}
.article-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.article-tag {
	margin-right:10px;
	color:#666;
	padding:0 10px;
	height:24px;
	line-height:24px;
	font-size:12px;
	border:1px solid #ccc;
	display:inline-block
}
.article-cover {
	position:relative;
	overflow:hidden
}
.article-cover .article-cover-image {
	display:block;
	width:180px;
	height:136px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%
}
.article-content {
	padding-left:16px;
	-webkit-box-flex:1;
	-ms-flex:1 1;
	flex:1 1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.article-title {
	font-size:20px;
	font-weight:700;
	line-height:26px;
	color:#222;
	max-height:52px;
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	overflow:hidden
}
.article-title:hover {
	color:#1677d9
}
.article-short {
	margin-top:10px;
	font-size:14px;
	line-height:22px;
	max-height:44px;
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
	color:#666
}
.article-short:hover {
	color:#222
}
.article-meta {
	font-size:13px;
	color:#919499;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.article-meta,.left-wrapper,.right-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.article-createdtime {
	font-size:12px;
	color:#999;
	margin-right:20px
}
.article-other-info {
	padding-left:20px
}
.article-count-item {
	margin-left:8px;
	font-size:14px;
	color:#999
}
.article-count-item span {
	padding-left:3px
}
.article-count-item svg {
	position:relative;
	top:2px;
	fill:rgba(51,51,51,.5)
}
.article-count-item svg.icon-comment {
	width:11px;
	height:11px
}
.home-topic {
	overflow:hidden;
	position:relative;
	width:784px;
	background-color:#f2f2f2;
	padding:24px;
	margin-bottom:16px
}
.home-topic .topic-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.home-topic .topic-wrapper .topic-img {
	width:176px;
	height:132px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.home-topic .topic-wrapper .text {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-left:16px;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.home-topic .topic-wrapper .text .title {
	font-size:20px;
	font-weight:700;
	line-height:26px;
	color:#222;
	max-height:52px;
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	overflow:hidden
}
.home-topic .topic-wrapper .text .title:hover {
	color:#1677d9
}
.home-topic .tag-img {
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	top:0;
	left:0
}
.home-topic .title {
	font-weight:700;
	line-height:1.44;
	font-size:18px
}
.home-topic .title:hover {
	color:#0e4d8c
}
.home-topic .articles {
	margin-top:12px
}
.home-topic .articles .article-title {
	width:480px;
	padding-left:28px;
	margin-top:6px;
	font-size:16px;
	line-height:23px;
	color:#666;
	height:23px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	position:relative
}
.home-topic .articles .article-title:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-radius:50%;
	position:absolute;
	background-color:#1677d9;
	top:10px;
	left:16px
}
.home-topic .articles .article-title:hover {
	color:#222
}
.home-topic .articles .time {
	font-size:12px;
	line-height:1.08;
	color:#999;
	margin-top:6px
}
.home-topic .more-link {
	font-size:12px;
	line-height:1.07;
	color:#666;
	text-align:right;
	padding-top:10px;
	display:block;
	border-bottom:none
}
.home-topic .more-link:hover {
	color:#222
}
.home-topic .more-link .icon {
	padding-left:5px;
	position:relative;
	top:-3px
}
.side-live {
	margin-bottom:30px
}
.side-heaad {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.side-heaad .title {
	font-size:18px;
	color:#222;
	font-weight:700
}
.side-heaad .more {
	color:#666;
	font-size:12px
}
.side-heaad .more:hover {
	color:#222
}
.side-heaad .more .icon {
	padding-left:2px;
	position:relative;
	top:-2px
}
.side-content {
	margin-top:16px;
	max-height:395px;
	padding-left:5px;
	background-color:#fff;
	padding:10px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:280px
}
.side-content .line {
	width:100%;
	border-bottom:1px dashed #e6e6e6;
	margin-bottom:10px;
	margin-top:10px
}
.side-content::-webkit-scrollbar {
	width:4px
}
.side-content::-webkit-scrollbar-track {
	border-radius:10px
}
.side-content::-webkit-scrollbar-thumb {
	height:80px;
	border-radius:2px;
	background-color:hsla(0,0%,100%,.3);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}
.side-live-list {
	border-left:2px solid #f4f4f4;
	padding-left:10px;
	padding-right:10px
}
.loadmore {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	color:#919499
}
.loadmore:hover {
	color:#333
}
.daloashuo-wrapper {
	width:288px;
	margin-bottom:30px
}
.daloashuo-wrapper .title {
	font-size:18px;
	color:#222;
	font-weight:700;
	margin-top:30px
}
.daloashuo-wrapper .lives {
	margin-top:16px;
	padding-top:21px;
	background-color:#292e33;
	color:#fff
}
.daloashuo-wrapper .lives .no-more {
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:12px
}
.daloashuo-wrapper .lives .lives-scroll {
	padding:0 13px;
	max-height:580px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:280px
}
.daloashuo-wrapper .lives .lives-scroll::-webkit-scrollbar {
	width:4px
}
.daloashuo-wrapper .lives .lives-scroll::-webkit-scrollbar-track {
	border-radius:10px
}
.daloashuo-wrapper .lives .lives-scroll::-webkit-scrollbar-thumb {
	height:120px;
	border-radius:2px;
	background-color:hsla(0,0%,100%,.3);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}
.daloashuo-wrapper .lives .today {
	font-size:16px
}
.daloashuo-wrapper .lives .item {
	padding:20px 0 13px;
	border-bottom:1px dashed hsla(0,0%,100%,.1)
}
.daloashuo-wrapper .lives .item:last-child {
	border-bottom:none
}
.daloashuo-wrapper .lives .item .user {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.daloashuo-wrapper .lives .item .user img {
	border-radius:50%;
	width:72px;
	height:72px;
	margin-right:16px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.daloashuo-wrapper .lives .item .user .info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:16px
}
.daloashuo-wrapper .lives .item .user .info .job {
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
	font-size:12px;
	color:#999
}
.daloashuo-wrapper .lives .item .content {
	width:100%;
	font-size:14px;
	line-height:23px;
	margin-top:16px;
	    color: #D0D0D0;
}
.daloashuo-wrapper .lives .item .content img {
	display:inline-block;
	width:13px
}
.daloashuo-wrapper .lives .item .content img.up {
	margin-right:2px;
	position:relative;
	top:-6px
}
.daloashuo-wrapper .lives .item .content img.down {
	position:relative;
	top:-2px;
	margin-left:8px
}
.daloashuo-wrapper .lives .item .time {
	margin-top:10px;
	font-size:12px;
	color:hsla(0,0%,100%,.4)
}
.more-topics {
	padding:10px 0;
	display:block;
	text-align:right;
	font-size:14px;
	color:#999
}
.hotTopics-item {
	width:288px;
	margin-top:25px
}
.hotTopics-item:first-of-type {
	margin-top:0
}
.hotTopics-item .back-wrapper {
	background-color:#292e33;
	padding:16px
}
.hotTopics-item .back-wrapper:hover {
	background-color:#3d454d
}
.hotTopics-item .hot-title-img {
	display:block;
	margin-bottom:16px;
	position:relative;
	overflow:hidden
}
.hotTopics-item .hot-title-img .hot-more {
	float:right;
	height:20px;
	margin-top:2px;
	color:#666;
	font-size:12px
}
.hotTopics-item .hot-title-img .hot-more .icon {
	padding-left:2px;
	position:relative;
	top:-2px
}
.hotTopics-item .hot-title-img .hot-more:hover {
	color:#222
}
.hotTopics-item .hot-title-img img {
	display:inline-block;
	height:24px
}
.hotTopics-item .hot-title-img.creater>img {
	height:24px
}
.hotTopics-item .hot-title {
	font-size:18px;
	color:#4d4d4d;
	text-align:center;
	margin-bottom:15px;
	font-weight:700
}
.hotTopics-item .topic-img {
	width:100%;
	display:block;
	height:192px;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover
}
.hotTopics-item .topic-title {
	margin-top:16px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	font-size:16px;
	color:#fff;
	line-height:24px
}
.hotTopics-item .more-items {
	padding:0 16px;
	background-color:#fff
}
.hotTopics-item .separate {
	width:100%;
	height:0;
	border-bottom:1px dashed #f0f0f0
}
.hotTopics-item .article-title {
	padding:16px 0;
	font-size:14px;
	color:#222;
	line-height:22px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	position:relative;
	cursor:pointer
}
.hotTopics-item .article-title:hover {
	color:#0e4d8c
}
.footer {
	position:relative;
	background-color:#292e33;
	padding-top:60px;
	padding-bottom:80px;
	color:#9d9d9d;
	font-size:12px
}
.footer-content {
	padding:0 126px 0 152px
}
.footer-infos a {
	font-size:16px;
	color:#fff;
	padding:0 54px;
	border-right:1px solid hsla(0,0%,100%,.2)
}
.footer-infos a:first-child {
	padding-left:0
}
.footer-infos a:nth-child(3) {
	border-right:0;
	padding-right:0
}
.footer-copyright {
	font-size:12px;
	color:#fff;
	margin-top:30px
}
.shjb {
	position:absolute;
	right:126px;
	top:60px;
	background-color:#fff;
	display:inline-block
}
.shjb img {
	display:block;
	width:96px
}

.side-item:first-child {
    border-top: none;
}
.side-item {
    padding: 6px 10px;
    cursor: pointer;
}
.side-item-content {
    display: block;
    position: relative;
    cursor: pointer;
}
.side-time {
    position: relative;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    background-color: #191919;
    padding: 2px 7px 3px 12px;
}
.side-time:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 8px;
    left: 4px;
}
.side-item:hover{background-color:#f2f4f5}
.side-content-title.fewer {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.side-content-title {
    cursor: pointer;
    font-size: 13px;
    line-height: 21px;
    color: #222;
    margin-top: 10px;
}