.cat-filter {margin: 0 auto 10px;background-color: #E0E0E0;padding: 0 20px;color:#000;}
.cat-filter .field-wrap {padding: 15px 0;border-bottom: 1px solid #E0E0E0; }
.cat-filter .field-wrap dd a{color:#000}
.cat-filter .cat-list,.cat-filter .field-list {font-size: 12px }
.cat-filter .cat-list:after,.cat-filter .cat-list:before,.cat-filter .field-list:after,.cat-filter .field-list:before {content: " ";display: table }
.cat-filter .cat-list:after,.cat-filter .field-list:after {clear: both }.cat-filter .cat-list dd,.cat-filter .cat-list dt,.cat-filter .field-list dd,.cat-filter .field-list dt {display: block;float: left}
.cat-filter .cat-list dt,.cat-filter .field-list dt {margin-right: 6px }
.cat-filter .cat-list {margin-top: 22px;padding-bottom: 12px;border-bottom: 1px solid #000 }
.cat-filter .cat-list dd {position: relative;display: inline-block;color: #fff;padding: 0 6px;margin-left: 8px }
.cat-filter .cat-list dd:hover {opacity: .86; }

.cat-filter .cat-list dd.active:after {content: " ";display: block;position: absolute;bottom: -13px;left: 0;width: 100%;height: 1px; }
.cat-filter .field-list {margin-bottom: 16px }
.cat-filter .field-list dt {height: 22px;line-height: 22px }
.cat-filter .field-list dd {position: relative;display: block;color: #fff;height: 22px;min-width: 22px;text-align: center;line-height: 22px;border-radius: 11px;padding: 0 6px;margin-left: 8px }
.field-list dd.active {background-color: #e53935;color:#fff }
.cat-filter .footer-btn {display: block;height: 47px;line-height: 47px;text-align: center;font-size: 15px;color: #999;cursor: pointer }
.cat-filter .footer-btn:hover {opacity: .86 }
.cat-filter .footer-btn i {margin-left: 3px }

.lazy-bg {  
background-size: contain; /* 根据需要调整背景图片的尺寸 */  
background-repeat: no-repeat;  
background-position:center;
transition: opacity 0.5s ease-in-out; /* 可选的淡入效果 */  
opacity: 0; /* 初始时隐藏，加载后通过JavaScript显示 */  
}  

.lazy-bg.loaded {  
	opacity: 1; /* 加载完成后显示 */  
}    
	
.pageBox {text-align: center;margin-top:10px}
.pageBox a {border-radius: 3px;margin-right:10px;color: #707070;height:34px;font:bold 14px/34px arial;padding: 8px;background: #ddd;}
.pageBox a:hover,.pageBox a:active{background:#e53935;color: #fff;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;background: #3aa9f2;}
.pageBox b {font:bold 14px/34px arial;}
.pageBox > b:nth-of-type(1) {border-radius: 3px;margin-right:10px;color: #fff;height:34px;font:bold 14px/34px arial;padding: 8px;background: #e53935;}


.article-container{border:1px solid #22395E}


