/*定义变量，root使得所有人可访问*/
:root {
    --my-danger: #d60000;
}

a {
    color: #2440b3;
}

.nav-link {
    color: #333;
}

.nav-link.active {
    color: var(--my-danger) !important;
}

/*a鼠标放上去*/
a:hover {
    /*去掉下划线*/
    text-decoration: none;
}

.p05 {
    padding: 0.5rem !important;
}

/*显示2行，多余省略*/
.title-line2 {
    line-height: 1.5rem;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3rem;
}

/* 右侧按钮容器样式 */
.container-menu {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 500;
}

/* 右侧按钮容器 里面的按钮昂视 */
.container-menu button,
.container-menu a {
    width: 2.5rem;
    height: 2.5rem;
}

/* logo图标 */
.logo {
    height: 1.562rem;
}

/*导航栏头像*/
.avatar {
    width: 1.25rem;
    height: 1.25rem;
}

/*阴影*/
/*.box-shadow {*/
/*  border-top: 0px;*/
/*  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);*/
/*  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);*/
/*  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);*/
/*  overflow: hidden;*/
/*}*/

/*只显示一行,多余的省略*/
.single-line {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*文章内容容器*/
.container-article {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    word-break: break-word;
    text-rendering: optimizeLegibility;
    color: #333;
}

/*文章标题*/
.article-title {
    margin: .67em 0;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.5;
}

/*文章内容*/
.article-content {
    word-break: break-word;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #333;
}

/*h标签*/
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin-top: 1.275em;
    margin-bottom: .85em;
    font-weight: 700;

    padding-bottom: .3em;
}

h1 {
    font-size: 26px !important;
}

h2 {
    font-size: 24px !important;
    ;
}

h3 {
    font-size: 22px !important;
    ;
}

h4 {
    font-size: 20px !important;
    ;
}

h5 {
    font-size: 18px !important;
    ;
}

.article-content p {
    margin-bottom: 20px;
    word-break: break-word;
}

/*文章里面的图片 阴影，圆角*/
.article-content img {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: .25rem !important;
    max-width: 100%;
    height: auto;
}

/*列表组*/
.item-list-group {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    color: #343a40;
}

.item-list-group.active {
    background-color: var(--my-danger);
    color: #fff !important;
}

/*/列表组*/

/* 中等大小图片 */
.image-meddle {
    width: 1.5625rem;
    height: 1.5625rem;
}

/*文章loading*/
.loading-article-content {
    height: 14rem;
    margin-top: 5rem;
}

.title-banner {
    font-size: 1.5rem;
    line-height: 1.2;
}

.btn-share-link {
    color: #ff6923 !important;
}

.text-center {
    text-align: center !important
}