:root{
    --color:#e7e4e4;
}


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

#app {
    background-color: var(--color);
}



main {
    /* background-color: #000; */
}


/* 按钮背景颜色 */
.btn-item:nth-child(1) .btn-item-box{
    background-color: #b4a5fe;
}
.btn-item:nth-child(2) .btn-item-box{
    background-color: #1bbae4;
}
.btn-item:nth-child(3) .btn-item-box{
    background-color: #ffe46d;
}
.btn-item:nth-child(4) .btn-item-box{
    background-color: #fdc78c;
}
.btn-item:nth-child(5) .btn-item-box{
    background-color: #89c5fe;
}
.btn-item:nth-child(6) .btn-item-box{
    background-color: #1bbae4;
}
.btn-item:nth-child(7) .btn-item-box{
    background-color: #89ea8c;
}
.btn-item:nth-child(8) .btn-item-box{
    background-color: #51e8b7;
}
.btn-item:nth-child(9) .btn-item-box {
    background-color: #89c5fe;
}
.btn-item:nth-child(10) .btn-item-box {
    background-color: #99c5d0;
}
.btn-item:nth-child(11) .btn-item-box {
    background-color: #5388ba;
}
.btn-item:nth-child(12) .btn-item-box {
    background-color: #38a274;
}



/* 按钮文字颜色 */
.btn-item-box{
    color: #fff;
}



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

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

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

/* 每条新闻的边框颜色 */
.news>ul>li {
    /* box-shadow: 1px 1px 1px 1px #c6c6c6; */
    /* border: 1px solid #c6c6c6; */
    border: 1px solid #f4f4f4;
}

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


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

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

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