body{background: #fff;}
.layui-container{width:100%;max-width:1024px}
.header{padding-top: 2px;height: 65px;}
.header .logo a{color:#222;font-size:22px;line-height:55px;}
.header .menu {padding:5px 5px 0 0}
.header .menu span{display:none;text-align:right}
.header .menu span i{font-size:18px;line-height:35px;color:#DDD;cursor:pointer}
.nav{background-color:#222;}
.nav .layui-nav{background-color:#222;padding:0}
.nav .layui-nav li{line-height:40px}
.nav .layui-nav li.active { background-color:#666; }
.nav .layui-nav a{color:#fff;font-size:14px;}
.breadcrumb{margin-top: 20px;margin-bottom: 10px; padding: 5px;visibility: visible}
footer div{ text-align: center; padding: 5px; font-size: 12px; }
footer{ width: 100%; text-align:center; color: #DDD; background-color: #222; padding: 30px 0;  display: block; margin: 100px 0 0;}
.search-div { display: flex; justify-content: center; align-items: center;position: relative;height: 300px; background-repeat: repeat-x; background-size: 100% 100%;}
.search-div::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px;background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);pointer-events: none; }
.search-container { display: flex; width: 100%; max-width: 500px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden;}
.search-input { flex: 1; padding: 12px 16px; border: none; outline: none; font-size: 16px; background-color: white; color: #333; }
.search-button { padding: 12px 24px; background-color: #000; color: white; border: none; cursor: pointer; font-size: 16px; font-weight: 500; transition: background-color 0.2s; }
.search-button:hover { background-color: #555; }
.search-button:active { background-color: #222; }
.container { max-width: 1200px; margin: 0 auto; background-color: #eee; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 15px; text-align: center;}
/* 选项卡样式 */
.layui-tab { margin: 0; }
.layui-tab-title { border-bottom: none; margin-bottom: 20px; text-align: center;}
.layui-tab-title li { font-size: 16px; margin-right: 0; padding: 0 30px; line-height: 40px; height: 40px; border-radius: 2px 2px 0 0; background-color: #fff; color: #666; }
.layui-tab-title .layui-this { background-color: #393D49; color: #fff; position: relative; }
.layui-tab-title .layui-this:after { border: none; content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #393D49; }
/* 筛选区域样式 */
.filter-section { margin-bottom: 25px; }
.filter-title { font-size: 15px; margin-bottom: 12px; color: #333; font-weight: 500; }
.filter-options { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-option { padding: 6px 15px; background-color: #f8f8f8; border-radius: 2px; cursor: pointer; font-size: 14px; color: #666; transition: all 0.2s; border: 1px solid #e6e6e6; }
.filter-option:hover { background-color: #e8f4ff; color: #009688; border-color: #009688; }
.filter-option.active { background-color: #009688; color: white; border-color: #009688; }
.year-options { max-height: 150px; overflow-y: auto; padding-right: 10px; }
.list {margin:20px 0;}
.info {width:100%;padding:0;border: 1px solid #e6e6e6;}
.info img {width:310px;height:175px;}
.info h3 {background-color: #f8f8f8; padding:10px 0 5px;}
.info div {background-color: #f8f8f8;padding:2px 0 15px;font-size:11px;color:#888;}
.info span {padding: 0 5px 10px;}
.pagelist a{border: 1px solid #C9C9C9;background-color: #fff;color: #555;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;white-space: nowrap;text-align: center;border-radius: 2px;cursor: pointer;outline: 0;-webkit-appearance: none;-webkit-transition: all .3s;box-sizing: border-box;vertical-align: middle;font-style: inherit;font-weight: inherit;}
.pagelist a+a{margin-left:5px}
.pagelist a.active,.pagelist a:hover{background-color: #1c86d1;color:#fff;border: 1px solid #1c86d1;}
.listclean {display:block;clear: both;}
.article_content .content img { max-width: 100%;height: auto;}