/*整体换色*/
:root{
    --color: #4e88ff;
}

.theme {
    background-color: var(--color) !important;
}

/* 查看日程一览表+讲者主持表按钮字体颜色 背景颜色 边框颜色 */
.btn-default {
    color: var(--color);
    background-color: #ffffff;
    border: solid 1px var(--color);
}

/* 输入框+选项框部分背景颜色 */
.filter-box {
    background-color: #fff;
}
/* 输入框+选项框下边框颜色 */
.filter-box .filter-item {
    border-bottom: 1px dashed #f1f1f1;
}
/* 选择日期 选择会场  选项鼠标移入或选中状态下的字体颜色和背景颜色  */
.filter-box .filter-item ul li.active a,
.filter-box .filter-item ul li:hover a {
    color: #fff;
    background-color: var(--color);
}
/* 输入框背景颜色和边框颜色 */
.filter-box .filter-item .layui-input {
    background-color: #fff;
    border-color: #e6e6e6;
}
/* 查询按钮背景颜色和字体颜色 */
.filter-box .filter-item .layui-btn {
    background-color: var(--color);
    color: #fff;
}
/* 回到顶部按钮  背景颜色和阴影颜色  图标字体颜色*/
.backtop {
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
}

.backtop i {
    color: var(--color);
}
/* 鼠标移入状态下 回到顶部按钮  背景颜色和阴影颜色  图标字体颜色*/
.backtop:hover {
    background-color: var(--color);
}

.backtop:hover i {
    color: #fff;
}

/* 每隔一条日程  就有一个日程背景色为浅蓝 这是控制它的背景颜色和上边框颜色   */
.program-box .program-item .proram-item-table tbody tr:nth-child(odd) {
    border-top: 2px solid var(--color);
    background-color: #ecf3f7;
}

/* 表格边框颜色 */
.program-box .program-item .proram-item-table {
    border-bottom: 2px solid var(--color);
}

/* 主持人的  字体颜色 */
.program-box .program-item .program-item-person-box .pip-item .pip-content a {
    color: #fff;
}
/* 主持  两个字  字体颜色 */
.program-box .program-item .program-item-person-box .pip-item {
    color: #fff;
}

/* 主持人模块上边框颜色 */
.program-box .program-item .program-item-person-box .pip-item.pip-item-cn {
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
/* 日程模块的背景颜色 */
.program-box {
    background-color: #fff;
}