body {
    /* font-weight: 400; */
}
/* 标题的粗细 */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.container p {
    font-size: 0.9rem;
    color: #777;
}

/* 链接颜色 */
a {
    color: #777;
}

a:hover {
    color: #0099cc;
}

a.disabled:hover,
a:disabled:hover {
    color: #0099cc;
}

/* 模块间距-上下 */
.module-spacing {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}

/* 模块间距-下 */
.module-spacing-down {
    margin-bottom: 2.5rem;
}

/* 模块间距-上 */
.module-spacing-up {
    margin-top: 1rem;
}

/* 一行 */
.one-row {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* 二行 */
.two-row {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 三行 */
.three-row {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card-body {
    padding: 0rem;
}


@media (max-width: 767px) {
    #streak {
        height: 300px !important;
    }
    .nav-pills .nav-link {
        padding: 15px 25px;
        margin: .5rem;
        font-size: 14px;
    }
}


.text-color {
    color: #3F51B5 !important;
  }


  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #F93154;
    background-color: #39C0ED;
}