/* 全局样式 */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #fce4ec; /* 背景颜色改为浅粉色 */
  }
  
  /* 头部样式 */
  header {
    background-color: #fce4ec;
    color: #fff;
    text-align: center;
    padding: 1rem;
  }
  
  /* 导航栏样式 */
  nav {
    display: flex;
    justify-content: center;
    background-color: #fce4ec;
    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: 130%;
    text-align: center;
  }
  
  nav a {
    color: #fff;
    text-decoration: none;
    color: #333; /* 初始文本颜色 */
    transition: color 0.3s ease; /* 添加平滑过渡效果 */
  }
  
  nav a:hover {
    color: #f00; /* 鼠标悬停时的文本颜色，这里设置为红色 */
  }
  
  /* 图片库样式 */
  .image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
  }
  
  .image-container {
    width: 18%;
    padding: 0.5rem;
  }
  
  /* 图片样式 */
  .image-container img {
    max-width: 100%;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #99818d; /* 图片边框改为粉色 */
    border-radius: 5px; /* 图片添加圆角 */
  }
  
  /* 底部样式 */
  footer {
    background-color: #fce4ec;
    color: #fff;
    text-align: center;
    padding: 1rem;
  }
  
  .breadcrumb {
    padding: 10px;
      background-color: #f5f5f5;
      border-bottom: 1px solid #ddd;
      text-align: center;
  }
  
  .breadcrumb a {
    text-decoration: none;
    color: #333;
    margin-right: 5px;
  }
  
  .breadcrumb a:hover {
    color: #ff69b4;
  }
  
  .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: #f00;
  }
  
  /* 媒体查询：适应小屏幕（如手机） */
  @media (max-width: 768px) {
    nav li {
      font-size: 120%;
      padding:5px;
    } 
  .image-container {
        width: 90%;
    }
  }


.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;}