.header-wrapper{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
}
.bbp-container{
	background: #f5f5f7;
	padding: 10px 0;
}
.bbp-wrapper{
	width: 100%;
	margin: 0 auto;
	max-width: 1024px;
	padding: 0 22px;
	display: flex;
	justify-content: space-between;
}
.bbp-main{
	width: calc(100% - 300px);
}
.bbp-sub{
	width: 290px;
}
/*加载动画*/
.loading{
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
}
.loading-feed{
	margin-bottom: 10px;
}
.loading-box{
	min-height: 200px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading-spinner {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
}
.loading-spinner span {
	width: 8px;
	height: 8px;
	background: #333;
	border-radius: 50%;
	animation: bounce 0.6s infinite alternate;
}
.loading-spinner span:nth-child(2) {
	animation-delay: 0.2s;
}
.loading-spinner span:nth-child(3) {
	animation-delay: 0.4s;
}
@keyframes bounce {
	from {
		transform: translateY(0);
		opacity: 0.5;
	}
	to {
		transform: translateY(-8px);
		opacity: 1;
	}
}



@media(max-width: 1068px){
	.bbp-wrapper{
		max-width: 724px;
	}
	.bbp-sub{
		display: none;
	}
	.bbp-main{
		width: 100%;
	}
}
@media(max-width: 833px){
	.bbp-wrapper{
		max-width: 700px;
		padding: 0 10px;
	}
}
@media(max-width: 734px){
	.bbp-wrapper{
		max-width: 450px;
	}
}