﻿.CenterShell {
    width: 100%;
    display: flex;
    justify-content: center;
}

/*@font-face {
    font-family: 'Fashionable_black_simplified';
    src: url('./utl/FashionInBlackSimplifiedChinese.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}
@font-face {
    font-family: 'AvantGarde_Bk_BT_book';
    src: url('./utl/AVGBBT.TTF') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_m';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Medium.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_l';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Light.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_r';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Regular.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_n';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_h';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Heavy.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}

@font-face {
    font-family: 's_b';
    src: url('./utl/SourceHanSansTtf/SourceHanSansCN-Bold.ttf') format('truetype');
    font-weight: normal;*/ /* 可以根据需要设置不同的字体粗细 */
    /*font-style: normal;*/ /* 可以根据需要设置字体样式，如斜体等 */
/*}*/
#descImg{
    width:1920px;
    height:600px;
}
#details{
    width:1000px;

}

.detail_title{
    font-weight:bold;
    font-size:36px;
    text-align:center;
    margin-top:65px;
}
.detail_time {
    font-family:sans-serif;
    font-weight:400;
    font-size: 16px;
    text-align: center;
    color: rgb(162, 162, 162);
    margin-bottom:35px;
}

.detail_content {
    font-family: sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 65px;
}
hr {
    border: 1px rgb(125, 125, 125) solid;
    width:1000px;
}


.detail_content img{
    max-width:900px;
    height:auto;
    
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* 或者设置一个固定的高度，取决于你的需求 */
    pointer-events: none; /* 防止覆盖图片阻挡交互 */
    /* 其他样式，如透明度、边框等 */
}

#details_foot{
    width:1000px;
    margin-bottom:100px;
}

.detail_foot_text {
    display: flex;
    margin-top         :55px;
}

.details_foot_title {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 36px;
}

.detail_foot_circle {
    width: 11px; /* 设置圆的直径 */
    height: 11px; /* 设置圆的高度，与宽度相同以形成一个完美的圆 */
    background-color: rgb(125, 125, 125); /* 设置圆的背景颜色为红色 */
    border-radius: 50%; /* 将边框半径设置为50%以形成一个圆 */
    display: inline-block; /* 使div成为内联块级元素，这样它可以在一行中显示 */
    margin-right: 5px;
}

.detail_foot_text_text {
    color: rgb(125, 125, 125);
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 400;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 用省略号表示被截断的内容 */
    width: 470px;
}

    .detail_foot_text_text:hover {
        color: rgb(66, 66, 66);
        text-decoration: underline;
    }
        .detail_foot_text_text:hover .detail_foot_circle {
            background-color: rgb(66, 66, 66);
        }

    .details_foot_text_right {
        margin-left: 50px;
    }


.a1 {
    color: rgb(125, 125, 125);
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 400;
}

    .a1:hover {
        color: rgb(66, 66, 66);
        text-decoration: underline;
    }
.details_foot_title:hover .aback {
    color: black;
}

.details_foot_title .aback {
    color: rgb(125, 125, 125);
}