:root {
    --color: #f6f7f9;
}

/* 整体页面背景颜色 */
body {
    background-color: var(--color);
}

/* 按钮背景颜色 */
.btn-item-box {
    /* 按钮阴影  阴影数值不需要调  只调节颜色即可*/
    /* box-shadow: 1px 1px 1px 1px #cccccc; */
    /* 背景颜色 */
    /* background-color: #fff; */
}
.btn-item-box::before {
    background-color: #0071bd;
}

/* 按钮上图标颜色 */
.btn-item-box>i {
    background-color: #0071bd;
    color: #fff;
}
/* 以下是设置每个按钮的图标背景色  数字代表顺序有多少按钮 就加多少  如果所有按钮颜色一直  下方代码注释即可*/
.btn-item:nth-child(2) .btn-item-box>i{
    background-color: #19c7a4;
}
.btn-item:nth-child(3) .btn-item-box>i{
    background-color: #0eea78;
}
.btn-item:nth-child(4) .btn-item-box>i{
    background-color: #c1dd26;
}
.btn-item:nth-child(5) .btn-item-box>i{
    background-color: #ce830c;
}
.btn-item:nth-child(6) .btn-item-box>i{
    background-color: #932613;
}
.btn-item:nth-child(7) .btn-item-box>i{
    background-color: #f81707;
}
.btn-item:nth-child(8) .btn-item-box>i{
    background-color: #761df2;
}
.btn-item:nth-child(9) .btn-item-box>i{
    background-color: #18605d;
}
.btn-item:nth-child(10) .btn-item-box>i{
    background-color: #502b03;
}


/* 按钮上文字颜色 */
.btn-item-box>p {
    color: #333;
    background-color: #eff0f6;
}

/* 以下是设置每个按钮的文字背景色  数字代表顺序有多少按钮  就加多少    如果所有按钮颜色一直 下方代码注释即可*/
/* .btn-item:nth-child(2) .btn-item-box>p {
    background-color: #19c7a4;
}

.btn-item:nth-child(3) .btn-item-box>p {
    background-color: #0eea78;
}

.btn-item:nth-child(4) .btn-item-box>p {
    background-color: #c1dd26;
} */





/* 新闻整块 的 背景色 */
.news {
    /* background-color: #205771; */
}

/* 每条新闻的背景色 */
.news>ul>li {
    /* background-color: #205771; */
}

/* 新闻里字体颜色 */
.news>ul>li>a {
    color: #333;
    /* color: #fff; */
}

/* 每条新闻的边框颜色 */
.news>ul>li {
    /* border: 1px solid #f4f4f4; */
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
}

/* 新闻右面箭头图标颜色 */
.news-item>a::after {
    /* color: #fff; */
    color: #333;
}


/* 底部logo部分背景色 */
footer {
    /* background-color: #7b060c; */
}

/* 底部字体颜色 */
.footer>span {
    color: #333;
    /* color: #fff; */
}

/* 合创智汇  四个字 的字体颜色 */
.footer>a>span {
    color: #333;
    /* color: #fff; */
}