/* 全局样式 */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  
  header {
    background-color: #fff;
    padding: 20px;
    text-align: center;
  }
  
  nav {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
  }
  
  nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
  }
  
  nav li {
    margin: 0 1rem;
    font-size: 150%;
  }
  
  nav a {
    color: #fff;
    text-decoration: none;
    color: #333; /* 初始文本颜色 */
    transition: color 0.3s ease; /* 添加平滑过渡效果 */
  }
  
  nav a:hover {
    color: rgb(93, 137, 219); 
  }
  
  main {
    padding: 20px;
  }
  
  .image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .image-container {
    width: 17%;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .image-container a {
    color: #ff69b4;
    text-decoration: none;
  }
  
  .image-container img {
    max-width: 100%;
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
  }
  
  footer {
    background-color: #fff;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
  }
  
  footer p {
    margin: 0;
    color: #777;
  }
  
  .breadcrumb {
    padding: 10px;
      border-bottom: 1px solid #ddd;
      text-align: center;
  }
  
  .breadcrumb a {
    text-decoration: none;
    color: #333;
    margin-right: 5px;
  }
  
  .breadcrumb a:hover {
    color: rgb(93, 137, 219); 
  }
  
  .link{
    text-align: center;
    margin: 30px; /* 增加10px的底部间 */
  }
  .link a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
    padding:3px;
  }
  .link a:hover {
    color: rgb(93, 137, 219); 
  }
  
  /* 媒体查询：适应小屏幕（如手机） */
  @media (max-width: 768px) {
    nav li {
      font-size: 120%;
      padding:5px;
    } 
  .image-container {
        display: inline-block;
        width: 100%;
    }
  }


.art-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}

.pagelist{ text-align:center; padding-top:20px; margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#eee;text-decoration:none;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#ccc}
.art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.wap_ad{text-align: center;}


.pd10{padding:10px;}

.wap_ad{text-align: center;padding-top: 3px;padding-bottom:3px;}
.clearfix{clear:both;word-wrap: break-word;word-break: normal;}