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: 10px;background: #f5f5f5;padding: 5px;border: 1px solid #ddd;visibility: visible}
.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; width:380px;margin-right:-5px;}
.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; }
.mainleft,.mainright{margin-top:30px;padding:5px;}
.article_list .item{ margin-bottom:20px; border:1px dotted #eee; padding:5px; border-top:1px solid #333;padding-top:20px;}
.article_list .item:last-child {border-bottom: 1px solid #000;padding-bottom:20px;}
.article_list .item .title{ overflow:hidden; text-overflow: ellipsis; }
.article_list .item .title a{ font-size:16px; font-weight:800; }
.article_list .item .title a:hover{ color:#1c86d1; }
.article_list .item .content{ overflow:hidden; text-overflow: ellipsis; margin:10px 0; text-indent:20px; color:#999; }
.article_list .item .info{ color:#333; }
.page_content { word-break:break-all; }
.page_content img{ max-width:100%; }
.article_content .content{ word-break:break-all; }
.article_content .content img{ max-width:100%; }
.mainleft { text-align: center; }
.mainleft .layui-menu-body-title, .menutitle{ padding:10px; margin-bottom:5px; background-color: #eee; }
.mainleft .menutitle{ font-size:18px; font-weight:800; margin-bottom:5px; color:#000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.mainleft .layui-menu-body-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.mainleft .layui-menu-body-title.active { background-color: #000; }
.mainleft .layui-menu-body-title.active a{ color:#fff; }
.mainleft .layui-menu-body-title a{ line-height:1.5; }
.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;}
.pagelist {text-align:center;}
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;}
.content p { margin: 1rem 0; font-size: 1rem; line-height:1.5rem;}
.article-cover img { width: 100%; height: 100%; }