:root{
    --bgc1:#6a71e5;
    --bgc2:#0091ff;
    --bgc3:#ff4966;
    --bgc4:#ffa500;
    --bgc5:#10d3a7;
}
/* 导航背景颜色 */
header>ul{
    background-color:#3657b6;
}
/* 导航字体颜色 */
.nav-item>a{
    color: #fff;
}
/* 导航鼠标移入颜色 */
.nav-item:hover>a{
    background-color: rgb(64, 87, 155);
}
/* 导航选中颜色 */
.nav-current>a {
    background-color: rgb(64, 87, 155);
}

/* 公用模块背景颜色  和阴影颜色 */
.module{
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.3);
    -moz-box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.3);
    box-shadow: 0 0 16px 1px rgba(63, 76, 136, 0.3);
}


/* 倒计时三个字    字体颜色 */
.date>div {
    color: #575c66;
}

/* 倒计时下方英文字母字体颜色 */
.date-item>span {
    color: #8f97a7;
}

/* 倒计时背景色 */
.date-item {
    background-color: #fff;
}

/* 倒计时  数字字体颜色 */
.date-item>p {
    color: #2e3d4d;
}

/* 时间中间的  ：  的颜色 */
.colon {
    color: #cccfd6;
}

/* 会议进行  会议结束  字体颜色 */
.end,
.have {
    color: #0242C8;
}

/* 五个按钮  圆圈颜色 */
.piece-item:nth-child(1) .piece-icon{
    border: 2px solid var(--bgc1);
}
.piece-item:nth-child(2) .piece-icon {
    border: 2px solid var(--bgc2);
}
.piece-item:nth-child(3) .piece-icon {
    border: 2px solid var(--bgc3);
}
.piece-item:nth-child(4) .piece-icon {
    border: 2px solid var(--bgc4);
}
.piece-item:nth-child(5) .piece-icon {
    border: 2px solid var(--bgc5);
}

/* 图标颜色 */
.piece-item:nth-child(1) .piece-icon>div>i {
    color:var(--bgc1) ;
}
.piece-item:nth-child(2) .piece-icon>div>i {
    color:var(--bgc2) ;
}
.piece-item:nth-child(3) .piece-icon>div>i {
    color:var(--bgc3);
}
.piece-item:nth-child(4) .piece-icon>div>i {
    color:var(--bgc4) ;
}
.piece-item:nth-child(5) .piece-icon>div>i {
    color:var(--bgc5) ;
}

/* 图标部分鼠标移入后  整块背景变色   */
.piece-item:hover:nth-child(1) .piece-icon{
    background-color: var(--bgc1);
}
.piece-item:hover:nth-child(2) .piece-icon{
    background-color: var(--bgc2);
}
.piece-item:hover:nth-child(3) .piece-icon{
    background-color: var(--bgc3);
}
.piece-item:hover:nth-child(4) .piece-icon{
    background-color: var(--bgc4);
}
.piece-item:hover:nth-child(5) .piece-icon{
    background-color: var(--bgc5);
}
/* 图标鼠标移入变化的颜色   现在是变白 */
.piece-item:hover .piece-icon>div>i {
    color: #fff;
}


/* 标题文字颜色 */
.piece-item:nth-child(1)>a>p {
    color: var(--bgc1);
}
.piece-item:nth-child(2)>a>p {
    color: var(--bgc2);
}
.piece-item:nth-child(3)>a>p {
    color: var(--bgc3);
}
.piece-item:nth-child(4)>a>p {
    color: var(--bgc4);
}
.piece-item:nth-child(5)>a>p {
    color: var(--bgc5);
}


/* 到期时间文字颜色 */
.piece-item>a>span {
    color: #8788a5;
}





/* 会议信息两边细线颜色 */
.title::after {
    background-color: #edeef3;
}

/* 会议信息背景颜色2 */
.title>div {
    background-color: #fff;
}

.title>div {
    background-color: #fff;
}

.title>div>p {
    color: #999;
}

.content-content {
    background-color: #fff;
}



.information-content>ul>li:nth-child(2) {
    border-right: 1px solid #ebedf3;
    border-left: 1px solid #ebedf3;
}
.information-content>ul>li>a{
    color: rgb(255, 0, 0);
}
.information-content>ul>li>a:hover{
    color: rgb(64, 87, 155);
}




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

/* 白色细线颜色 */
.footer-logo {
    border-top: 1px solid rgba(239, 240, 247, 0.5);
}

/* 下面都是字体颜色 */
.footer-logo>h4 {
    color: rgba(255, 255, 255, 0.5);
}

.footer-logo>p {
    color: #ed3e3e;
}

.footer-logo>div {
    color: rgba(255, 255, 255, 0.5);
}

.footer-logo>div>a {
    color: rgba(255, 255, 255, 0.5);
}

.footer-logo>a {
    color: rgba(255, 255, 255, 0.5);
}