@charset "UTF-8";
/* 
 * 这是一个关于论坛板块样式的 CSS 文件
 * 包含了论坛板块盒子及相关子元素的样式设置
 */

/* 论坛板块整体盒子样式 */
.bbs_box {
    width: 1200px;
    height: 120px;
    margin: 10px auto;
}

/* 论坛板块三个子盒子的通用样式 */
.bbs_box_one,
.bbs_box_two,
.bbs_box_three {
    width: 385px;
    float: left;
    border: 1px solid #eaeaea;
    height: 120px;
    transition: border-color 0.3s ease; /* 添加过渡效果，增强用户体验 */
}

/* 鼠标悬停时子盒子的样式 */
.bbs_box_one:hover,
.bbs_box_two:hover,
.bbs_box_three:hover {
    border: 1px solid #f60;
}

/* 第一个子盒子的外边距样式 */
.bbs_box_one {
    margin: 0px 5px 10px 0px;
}

/* 第二个子盒子的外边距样式 */
.bbs_box_two {
    margin: 0px 5px 10px 5px;
}

/* 第三个子盒子的外边距样式 */
.bbs_box_three {
    margin: 0px 5px 10px 0px;
}

/* 论坛列表顶部区域样式 */
.bbs_list_top {
    width: 180px;
    height: 30px;
    margin: 5px 0 0 10px;
}

/* 论坛列表顶部链接样式 */
.bbs_list_top a {
    font-size: 16px;
    font-weight: 700;
    transition: color 0.3s ease, background-color 0.3s ease; /* 添加过渡效果，增强用户体验 */
}

/* 鼠标悬停时论坛列表顶部链接的样式 */
.bbs_list_top a:hover {
    color: #ffffff;
    background: #44b3f8;
}

/* 论坛列表底部区域样式 */
.bbs_list_bottom {
    width: 360px;
    height: 80px;
    margin: 0 10px;
}