/*导航按钮*/
/* 添加圆角和阴影效果 */
a.news-btn {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #66b1ff;
    color: #fff;
    /*border: 1px solid #2275d5;*/
    border-radius: 7px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s;
}

/* 添加悬浮选中效果 */
a.news-btn:hover {
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
}

.news-container {
    display: flex;
    align-items: center; /* 垂直居中对齐内容 */
    padding: 10px; /* 可根据需要调整内边距 */
    width: 800px;
    margin: auto;
}

.card-style {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s;
}

.card-hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}


.news-content {
    flex: 1; /* 填充剩余空间 */
    margin-left: 20px;
}

.news-detailed {
    max-width: 1000px; /* 设置最大宽度，根据需要调整 */
    margin: 0 auto; /* 设置左右外边距为自动以实现水平居中 */
    padding: 20px; /* 根据需要设置内边距 */
}

/*下面是导航栏的样式*/
.news-navigation {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #f3f5f9;
}

.news-navigation h3 {
    flex-shrink: 0; /* 阻止缩小 */
    margin-right: 10px; /* 右侧间距 */
}

.news-navigation ul {
    list-style: none; /* 去除列表样式 */
    display: flex;
    flex-wrap: nowrap; /* 阻止换行 */
}

.news-navigation li {
    margin-right: 10px; /* 项之间的间距 */
}

/*上一页和下一页*/
.el-link {
    display: flex;
    justify-content: flex-end;
    margin-right: 6%;

    :is(button) {
        background: none; /* 去掉背景色 */
        border: none; /* 去掉边框 */
        color: #409EFF; /* 设置文本颜色为蓝色 */
        cursor: pointer; /* 显示手型光标 */
        margin-right: 10px; /* 添加右外边距 */
        padding-right: 50px;
    }
}

/*quill展示修改默认样式*/
.ql-container {
    width: 1080px;
    margin-left: -30px;
}

@media (max-width: 1080px) {
    .ql-container {
        max-width: 100%;
    }
}

.dom_newList {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.last_child_newList {
    margin-right: 42.5%;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: "标准字体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
    content: "衬线字体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    content: "等宽字体";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
    content: "宋体";
    font-family: "SimSun";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
    content: "黑体";
    font-family: "SimHei";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before {
    content: "微软雅黑";
    font-family: "Microsoft YaHei";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
    content: "楷体";
    font-family: "KaiTi";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before {
    content: "仿宋";
    font-family: "FangSong";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
    content: "Arial";
    font-family: "Arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before {
    content: "sans-serif";
    font-family: "sans-serif";
}

.ql-font-SimSun {
    font-family: "SimSun";
}

.ql-font-SimHei {
    font-family: "SimHei";
}

.ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei";
}

.ql-font-KaiTi {
    font-family: "KaiTi";
}

.ql-font-FangSong {
    font-family: "FangSong";
}

.ql-font-Arial {
    font-family: "Arial";
}

.ql-font-sans-serif {
    font-family: "sans-serif";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
    content: '16px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
    content: '20px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
    content: '24px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before {
    content: '30px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
    content: '36px';
}
