@charset "utf-8";
/* CSS Document */

body, html {  
    margin: 0;  
    padding: 0;  
    font-family: Arial, sans-serif;  
}  

.container {  
    display: flex;  
    height: 100vh;  
}  
  
.sidebar {  
    width: 400px;  
    background-color: #f4f4f4;  
    padding: 20px;  
    box-sizing: border-box;  
}  
  
.sidebar ul {  
    list-style-type: none;  
    padding: 0;  
}  
  
.sidebar li {  
    margin-bottom: 10px;  
}  
  
.sidebar a {  
    text-decoration: none;  
    color: #333;  
}  
  
.content {  
    flex-grow: 1;  
    padding: 20px;  
    overflow-y: auto;  
}  
  
section {  
    margin-bottom: 20px;  
}  
  
/* 响应式设计 */  
@media (max-width: 768px) {  
    .container {  
        flex-direction: column;  
    }  
  
    .sidebar {  
        width: 100%;  
        height: auto;  
        min-height: 50px;  
        padding: 10px 0;  
    }  
  
    .sidebar ul {  
        display: flex;  
        justify-content: space-around;  
        padding: 0 20px;  
    }  
  
    .sidebar li {  
        margin: 0;  
    }  
.xuyz p {
  line-height: 1.5; /* 设置行间距为1.5倍字体大小 */
}
.xuyz {background-color: #f4f4f4; }
.xuyz a{ color:#000;text-decoration:none}
.xuyz a:hover{ background:#F00; color:#FFF}
.xuyz tr:hover{background-color:#D2E9FF;}
.xuyz table{ margin-top:20px; margin-bottom:20px;}
.xuyz tr{ text-align:center;}
.xuyz td{ height:35px;}