:root {
    --color: #EB6474;
}

body{
    background-color: #f3f5fa;
}

header{
    background-color: var(--color);
}

.header-title>span {
    color: #fff;
}

.header-title>p {
    color: #fff;
}

/* 辅助搜索关键词的背景颜色 */
.search>ul {
    background-color: #fff;
}

.search-current {
    background-color: #a5d4f5;
}





/* 时间日期 的 背景颜色 */
.date-item {
    background: #fff;
    /* 阴影颜色 */
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
}



/* 按钮的字体颜色和边框颜色 */
.date-top {
    color: silver;
    border-bottom: 1px solid #a3a3a3;
}
/* 按钮下方字体颜色 */
.date-bottom {
    color: #a3a3a3;
}

/* 选中的日期的背景颜色 */
.current {
    background: var(--color);
}
.current .date-top{
    color: #e9f5fe;
    border-bottom: 1px solid #e7f4fe;
}
.current .date-bottom{
    color: #fff;
}

/* 会场的背景颜色  阴影颜色   字体颜色 */
.content-item>div>span {
    background: var(--color);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    color: #fff;
}

/* 日程的背景颜色  和阴影颜色 */
.title-item {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
}


/* 日程上半部分背景颜色和字体颜色*/
.item-top {
    background: var(--color);
    color: #fff;
}


.item-bottom {
    color: #333;
}