body, html {
    height:100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;

}
/* 设置footer的样式 */  
.beian {  
    display: relative;
    bottom: 0; /* 紧贴视口底部 */  
    width: 100%; /* 宽度为100%，占据整个屏幕宽度 */  
    /*height:100px;*/
    line-height:30px;
    /*background-color: blue; */
    text-align: center; /* 文字居中显示 */  
    border-top: 1px solid #ddd;  

}
.container {  
    display: flex;  
    flex-wrap: wrap;  
    /*height:100%;*/
    gap: 20px; /* 模块之间的间距 */  
    padding: 20px;  
    background-image: url('../logo/bg.jpg'); /* 设置背景图片的路径 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-size: cover; /* 背景图片覆盖整个屏幕 */


}  
.module {  
    flex: 0 0 calc(33.333% - 20px); /* 每个模块占据一行宽度的1/3，减去间距 */  
    background-color: #f9f9f9;  
    border: 1px solid #ddd;  
    border-radius: 5px;  
    padding: 20px;  
    box-sizing: border-box;  
    /*height:300px;*/

}  
.logo_title {
    display: flex; /* 启用Flexbox布局 */  
    align-items: center; /* 垂直居中（如果需要的话，但在这个例子中主要是水平居中） */  
    margin-bottom: 15px;  
}
.logo_title img {  
    width: 30px;  
    height: 30px;  
    display: block;  
    display: inline-block; /* 使图片和文字并排显示 */  
    vertical-align: middle; /* 垂直居中对齐图片和文字（如果需要） */  
}  
.logo_title .title {  
    display: inline-block; /* 与图片并排显示 */  
    vertical-align: middle; /* 垂直居中 */  
    font-size:20px;
    align-items: center; /* 垂直居中对齐子元素 */  
    flex-grow: 1; /* 允许.module-text占据除图片外的所有空间 */  
    text-align: center; /* 确保文字在其容器内水平居中 */  

}  
.module span {  
    margin: 0;  
}  
.size-download {  
    background-color: #e0f2f1;  
    /*padding: 5px;  */
    margin-bottom: 15px;  
    display: flex;  
    justify-content: space-between;  
    align-items: center;
}  
.size-download a {  
    text-decoration: none;  
    color: white;  
    background-color: #007bff;  
    padding: 5px 10px;  
    border-radius: 5px; 
}  
.video-links {  
    display: flex;  
    gap: 10px;  
    margin-bottom: 15px;  
    margin-top:15px;
}  
.video-links a {  
    text-decoration: none;  
    color: #5DADEC; 
}  
/* 确保行之间有间距，由于flex布局，这里不需要额外设置 */  

.fill-bg {
    /*height:100%;*/
    background-image: url('../logo/bg.jpg'); /* 设置背景图片的路径 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-size: cover; /* 背景图片覆盖整个屏幕 */
}

.sample {
    background-color: transparent; /* 去掉背景颜色 */
    border: none; /* 去掉方框 */
    color: #5DADEC;
    padding-left:0px;
    cursor: pointer; /* 可选：鼠标悬停时显示为手型 */

}


/*T象限广告*/
.adv_container {
  margin:0px;
  text-align: center; /* 水平居中 */
}
.adv_img {
  width: 150px;   /* 设置宽度 */
}