body{
background:#E6E6FA;margin:0
}
    .link-container {  
      width: 200px;  
      border: 1px solid #ccc;  
      padding: 4px;  
      margin-bottom: 10px;  
      text-align: center;  
      display:block;
    }  
  
    .link-container img {  
      width: 100%;
      display: block;  
      margin-bottom: 10px;  
    }  
  
    .link-container a {  
      text-decoration: none;  
      color: #333;  
      font-weight: ;  
    }
    .newsbowl
     {
         max-width: 800px; 
         margin: 12px auto;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
         gap: 8px;
         
     }
     .newscard 
         {
            background-color: ;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            color:#eee;
            
        }
         .newscard:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
        }
        .newscard img{
            width: 100%;
            height: 200px;
            object-fit: cover;
            display:block;
        }
        .newscard div{
        padding:6px;
        font-size:16px;
        line-height: 1.2;
        color:#eee;
       text-align:center
        }
        .newscard a{
         text-decoration: none;
            color: inherit;
            display: block;
        }
    .line2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 180px; /* 设置div宽度 */
  height:44px;
}
.homepage {
font-Size:24px;
width:200;
height:50;
display: flex;
justify-content: center;
align-items: center;
margin:6 auto
}
.homepage	a{
			color:#7be;
			text-decoration:none;
			}
.homepage	a:hover {
			color:#1ee;
			}    
			
.box{margin: 16px;
display: flex;
justify-content: center;
align-items: center;
width:140;
font-size:22px;}
.box a{text-decoration: none;color:orange;}
.box a:hover{color:#1ee}

  @media only screen and (max-width: 768px)
  {
	.newsbowl{margin:12px 6px}
  }

.sty6{color: #ede;font-size:22px;margin:16 auto;}
 @media only screen and (min-width: 640px)
{
.sty6{width:600;text-align:center}
}