/*
                    评论回复表
   ！！！！ 为 Comment-xReply 构造多级回复 ！！！！
*/

.general-comment-reply-box {
    /*
    在引入此框的页面文件CSS中设置
     如 news-comment-reply-box
     如 blog-comment-reply-box
     如 quest-comment-reply-box
     如 course-comment-reply-box
     ....
    配置出回复盒子在外部文件中的布局大小
    */
    /*display: block;*/
}

.comment-reply-box {
    /*display: none;*/
}
.comment-box {
    width: 100%;
}
.comment-reply-info {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.2rem;
    /*font-family: STXihei;*/
    margin-top: 0.5rem;
}
.comment-reply-info a:nth-child(1) {
    color: #3c383b;
}
.comment-reply-info a i {
    color: #797378;
}
.comment-reply-info a:hover {
    text-decoration: none;
}
.comment-item {
    width: 100%;
    height: auto;
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 0.1rem solid #e4e7e4;
    display: flex;
    flex-direction: row;
    /*overflow: auto;*/
}
.comment-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-right: 0rem;
    border-left: 0.1rem dashed #e7e3e3;
}
.comment-item-link {

}
.comment-item-img{
    width: 3.0rem;
    height: 3.0rem;
    border-radius: 0.7rem;
    margin-right: 0.7rem;
}
.comment-item-img:hover{
    /*border: 0.1rem solid rgb(253, 255, 255);*/
}
.comment-body {
    width: 100%;
    /*font-family: STXihei;*/
    font-size: 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.comment-body p {
    font-family: 微软雅黑;
    margin-bottom: 0px;
}
.comment-body ol{
    margin-left: 1.2rem;
}
.comment-body img {
    max-width: 50rem !important;
    max-height: 25rem !important;
}
.comment-body pre {
    border: 0.1rem solid #e1dbda;
    width: 100%;
    padding: 0.8rem;
}
.comment-body pre code{
    font-family: Menlo,Monaco,Consolas,Courier New,monospace;
    /*max-height: 40rem;*/
}
.comment-user {
    width: 100%;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.comment-user span:nth-child(1) {
    font-size: 1.2rem;
    margin-right: 3rem;
    font-family: YouYuan;
    color: #484ed6;
}
.comment-user span:nth-child(2) {
    font-size: 1rem;
    color: rgb(193, 193, 193);
    margin-right: 2rem;
}
.comment-user span:nth-child(3) {
    font-size: 1rem;
    color: rgb(193, 193, 193);
}
.comment-content {
    width: 100%;
    margin-top: 0.5rem;
    font-family: "STXihei";
    font-size: 1.1rem;
    color: #373737;
    max-height: 60rem;
    overflow: auto;
}
.commreply-foot {
    width: 100%;
    margin-top: 1rem;
    font-family: Heiti;
    font-size: 1rem;
    color: #999c99;
}
.commreply-foot a {
    margin-right: 15px;
    font-size: 15px;
    /*color: #999c99;*/
    /*color: #c1c1c1;*/
    color: #d8d8d8;
}
.commreply-foot a:hover {
    color: #11d217;
}
.comment-reply-foot {
    margin-left: 0.2rem;
}
.reply-reply-foot {
    margin-left: 5rem;
}
.commreply-pdf {

}
.commreply-show-True {

}
.commreply-show-False {
    display: none;
}
.commreply-reply {

}
.comment-add {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4rem;
}
.comment-add .wangEditor-container .wangEditor-txt{
    font-size: 1.5rem;
}
.comment-add textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25) !important;
    border: 1px solid #157689 !important;
}
.comment-add-btn {
    font-size: 17px;
    width: 100%;
    white-space: nowrap;
}
.comment-add-btn span {
    margin-left: -355px;
    white-space: nowrap;
}
.comment-add-tipx {
    color: #928f8f;
    margin-right: auto;
    font-size: 17px;
    white-space: nowrap;
}
.comment-add-tipx-none {
    display: none;
    color: darkgray;
    margin-right: auto;
    font-size: 17px;
    white-space: nowrap;
}
/*.comment-add-reset {*/
/*    font-size: 17px;*/
/*    margin-right: 10px;*/
/*    padding: 0 10px 0 10px;*/
/*    border-left: 5px solid sienna;*/
/*}*/
.comment-gotop {
    font-size: 17px;
    width: 120px;
    color: rgba(105, 102, 102, 0.76);
    white-space: nowrap;
}
.comment-gotop:hover {
    text-decoration: none;
}
.comment-smt {
    width: 100%;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.6rem;
    border-radius: 0.1rem;
    background-color: #eff0f0;
    color: #78364c;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.comment-smt:hover{
    color: #de5597;
}
.comment-smt-div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.comrep-smt-box {
    width: 100%;
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: 1.6rem;
    border-radius: 0.1rem;
    background-color: #eff0f0;
    color: #78364c;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.update-smt {
    width: 100%;
    /*height: 2.1rem;*/
    /*line-height: 2.1rem;*/
    /*font-size: 1.6rem;*/
    /*border-radius: 0.1rem;*/
    /*background-color: #eff0f0;*/
    color: #78364c;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.update-smt:hover{
    color: #de5597;
}
.reset-smt-btn {
    white-space: nowrap;
    font-size: 17px;
    margin-right: 7px;
    padding: 0 18px 0 18px;
    border-left: 2px solid sienna;
}
.reply-box {
    width: 100%;
    height: auto;
    margin-top: 1.1rem;
    /*margin-left: 0.5rem;*/
    /*border-left: 0.1rem double rgba(153, 133, 132, 0.38);*/   /*Style-1*/
    padding-left: 1.7rem;
}
.reply-item {
    width: auto;
    height: auto;
    /*margin-top: 1rem;*/
    /*padding-top: 1rem;*/
    border-top: 0.1rem solid #fcfffc;
    display: flex;
    flex-direction: column;
}
.reply-item-1 {
    margin-left: 0rem;
    border-left: 0.1rem dashed #e7e3e3;             /*Style-2*/
}
.reply-item-2 {
    margin-left: 5rem;
    border-left: 0.1rem dashed rgba(199, 231, 164, 0.73);
}
.reply-item-3 {
    margin-left: 5rem;
    border-left: 0.1rem dashed #e7e3e3;
}
.reply-item-4 {
    margin-left: 5rem;
    border-left: 0.1rem dashed rgba(199, 231, 164, 0.73);
}
.reply-item-5 {
    margin-left: 5rem;
    border-left: 0.1rem dashed #e7e3e3;
}
.reply-item-6 {
    margin-left: 5rem;
    border-left: 0.1rem dashed rgba(199, 231, 164, 0.73);
}
.reply-item-7 {
    margin-left: 5rem;
    border-left: 0.1rem dashed #e7e3e3;
}
.reply-item-8 {
    margin-left: 5rem;
    border-left: 0.1rem dashed rgba(199, 231, 164, 0.73);
}
.reply-item-9 {

}
.reply-item-10 {

}
.reply-item-img {
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
    margin-right: 0.8rem;
}
.commreply-reply-body {
    /*Style-1*/
    /*width: 100%;*/
    /*font-size: 1.5rem;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: flex-start;*/
    /*padding-bottom: 1rem;*/

    /*Style-2*/
    width: 100%;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1.6rem;
    margin-bottom: 0rem;
    margin-top: -1rem;
    margin-left: -2rem;
    padding-top: 0.1rem;
}
.commreply-reply-head {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.reply-avatar {

}
.reply-avatar img {
    margin-bottom: -16px;
}
.reply-user {
    width: 100%;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
}
.reply-user span:nth-child(1) {
    margin-right: 0.2rem;
    font-family: YouYuan;
    color: #484ed6;
}
.reply-user span:nth-child(2) {
    color: #6d767f;
    font-family: YouYuan;
    margin-right: 0.2rem;
}
.reply-user span:nth-child(3) {
    color: #484ed6;
    font-family: YouYuan;
    margin-right: 2rem;
}
.reply-user span:nth-child(4) {
    font-size: 1rem;
    color: rgb(193, 193, 193);
}
.reply-content {
    width: 100%;
    margin-top: 0rem;
    /*font-family: STXihei;*/
    font-size: 18px;
    color: #363942;
    margin-left: 5rem;
    line-height: 150%;
    max-height: 30rem;
    overflow: auto;
}
/*动态回复盒子*/
.reply-input{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5rem;
    margin-bottom: 5px;
}
.reply-input textarea{
    margin-top: 0px;
    width: 90%;
    height: 80px;
    border: 0.1rem solid rebeccapurple;
    border-radius: 8px;
    padding: 5px;
    font-size: 17px;
    font-family: sans-serif,STXiHei;
    outline: none;
}
.reply-input textarea:focus{

}
.reply-input textarea::-webkit-input-placeholder {
    color: #c1c1c1;
}
.reply-input textarea::-ms-input-placeholder {
    color: #c1c1c1;
}
.reply-input textarea::-moz-placeholder {
    color: #c1c1c1;
}
.reply-smt-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
}
.reply-smt {
    padding: 0rem 1rem;
    font-family: KaiTi;
    font-size: 1.2rem;
    color:#6728bc;
    margin-right: 0.8rem;
}
.reply-smt a:hover{
    color:#9c68bc;
}
.reply-smt-simple {
    padding: 0rem 1rem;
    font-family: KaiTi;
    font-size: 1.2rem;
    color:#6728bc;
    margin-right: 0.8rem;
}
.reply-smt-simple a:hover{
    color:#9c68bc;
}
.reply-smt-rich {
    padding: 0rem 1rem;
    font-family: KaiTi;
    font-size: 1.2rem;
    color:#6728bc;
}
.reply-smt-rich:hover {
    color:#9c68bc;
}
blockquote {
    display: block;
    border-left: 6px solid #9ba1eb;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}
.comment-state-isno {
    display: none;
}
.comment-state-isok {
    /*display: none; */
    color: #2626cb;
}
.commreply-foot .commreply-adopt-isno {
    /*display: none;*/
}
.commreply-foot .commreply-adopt-isok {
    /*display: none; */
    color: #52d029;
}
.ai-combox-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
}
.ai-comhead-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ai-comhead-right {

}
.ai-comhead-right .fa {
    color: rgba(12, 16, 33, 0.4);
}
.ai-comhead-pubit {
    text-decoration: none;
    font-size: 17px;
    color: rgb(12, 16, 33);
    margin: 0;
    white-space: nowrap;
}
.ai-comhead-pubit span {
    text-decoration: none;
    font-size: 17px;
    /*color: rgba(12, 16, 33, 0.59);*/
}
.ai-comhead-pubit i {
    text-decoration: none;
}
.ai-comhead-pubinfo {
    font-size: 17px;
    margin-bottom: 5px;
    white-space: nowrap;
}
.ai-comhead-order {
    padding: 3px 5px;
    margin: 0px 3px;
    text-decoration: none;
    font-size: 17px;
    color: rgba(12, 16, 33, 0.59);
    white-space: nowrap;
}
.ai-comhead-order .fa-caret-down {
    color: rgba(12, 16, 33, 0.55);
    font-size: 20px;
}


/*评论回复分页*/
.comrep-paging-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.comrep-paging-pagelist {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: STXihei;
    font-size: 1.3rem;
}
.comrep-current-page {
    color: #686875;
    margin-right: 0.4rem;
    /*border: 0.1rem solid silver;*/
    padding: 0.03rem 1rem 0.03rem 1rem;
    background-color: #c2c2c4;
}
.comrep-other-page {
    margin-right: 0.4rem;
    color: #7a7a86;
    /*border: 0.1rem solid silver;*/
    padding: 0.03rem 1rem 0.03rem 1rem;
    background-color: rgba(232, 227, 224, 0.35);
}
.comrep-other-page:hover {
    color: #4852ff;
    background-color: rgba(186, 180, 162, 0.66);
}
.comrep-prev-page {
    font-size: 1.1rem;
    color: #7a7a86;
    background-color: rgba(232, 227, 224, 0.35);
    padding: 0.03rem 0.6rem 0.03rem 0.6rem;
    margin-right: 0.5rem;
}
.comrep-next-page {
    font-size: 1.1rem;
    color: #7a7a86;
    background-color: rgba(232, 227, 224, 0.35);
    padding: 0.03rem 0.6rem 0.03rem 0.6rem;
}
.comrep-next-page:hover, .comrep-prev-page:hover {
    color: #4852ff;
    background-color: rgba(186, 180, 162, 0.66);
}



/*   ****************************************     */
/* 聊天对话页面样式，勿轻易修改，在各个问答内容显式页面都用到 */
/*   ****************************************     */
.chatlm-album-item:hover {
    border: 0.02rem solid #05c46b;
    background-color: rgba(255,201,201,0.61);
}
/* 第一部分 思考回答内容，与下面第二部分逻辑基本一样，只是个别值有区别 */
.comment-content .think-box {
    line-height: 1.5rem;
}
.comment-content .think-box .think-content {
    color: gray;
}
.comment-content .think-box a, .normal-box a {
    border-radius: 0.45rem;
    padding-left: 0.1rem;
}
.comment-content .think-box a:hover, .normal-box a:hover {
    background-color: bisque;
}
.comment-content .think-box p {
    margin-bottom: 0.6rem;
}
.comment-content .think-box h1 {
    font-size: 1.1rem;
    font-weight: 600 !important;
    margin: 0.85rem 0 0.80rem 0;
}
.comment-content .think-box h2 {
    font-size: 1.05rem;
    font-weight: 600 !important;
    margin: 1.20rem 0 1.0rem 0;
}
.comment-content .think-box h3 {
    font-size: 1.0rem;
    font-weight: 600 !important;
    margin: 1.0rem 0 0.8rem 0;
}
.comment-content .think-box h4 {
    font-size: 1.0rem;
    font-weight: 600 !important;
    margin: 0.80rem 0 0.6rem 0;
}
.comment-content .think-box h5 {
    font-size: 1.0rem;
    font-weight: 600 !important;
    margin: 0.60rem 0 0.5rem 0;
}
/* 代码样式，PrimsJS初始化之后的样式 */
.comment-content .think-box pre {
    /* 块体基础样式，优先级低于下方代码块体 */
    border: 1px solid #dedede;
    background: #f5f2f066;
    font-size: 1rem;
    padding: 10px;
}
.comment-content .think-box pre[class*=language-] {
    border: 1px solid #dedede !important;
    padding: 8px 8px 8px 8px !important;        /* ！！！内部定位，代码体在盒子内的位置 */
}
.comment-content .think-box :not(pre)>code[class*=language-], pre[class*=language-] {
    background: #f5f2f066 !important;
    font-size: 1.1rem !important;
}
/* 代码样式，添加代码卡片之后的样式 */
.comment-content .think-box .code-card {
    margin: 6px 6px 6px 0;   /* ！！！外部定位，视情移除 */
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 6px;    /* 添加显著圆角 */
    overflow: hidden;     /* 确保内部内容也遵循圆角 */
}
.comment-content .think-box .code-card:hover .code-card-head {
    opacity: 1;           /* 悬停时完全不透明 */
    pointer-events: auto; /* 恢复可点击 */
}
.comment-content .think-box .code-card-head {
    position: absolute;
    top: 3px;
    right: 4px;
    width: auto;
    white-space: nowrap;
    background-color: #f5f2f066;
    padding: 0px;
    height: 26px;
    line-height: 26px;
    z-index: 3;
    opacity: 0; /* 默认透明 */
    transition: opacity 0.2s ease; /* 添加过渡效果 */
    pointer-events: none; /* 不可点击，避免干扰代码选择 */
}
.comment-content .think-box .code-card-head button:nth-child(1) {
    cursor: pointer;
    color: #887777;
    padding: 5px;
    margin-right: 12px;
    border: 1px solid #ffffff00;
    background-color: #ffffff00;
    float: right;
    font-size: 1rem;
}
.comment-content .think-box .code-card-body {
    width: 100%;
    z-index: 2;
}
.comment-content .think-box .code-card-body pre {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 8px 8px 8px 8px !important;    /* ！！！内部定位，与前面重复 */
    color: gray;
}


/* 第二部分 正式回答内容 */
.comment-content .normal-box {
    line-height: 1.8rem;
}
.comment-content .normal-box p {
    margin-bottom: 0.3rem;
}
.comment-content .normal-box h1 {
    font-size: 1.2rem;
    font-weight: 600 !important;
    margin: 0.85rem 0 0.80rem 0;
}
.comment-content .normal-box h2 {
    font-size: 1.17rem;
    font-weight: 600 !important;
    margin: 1.20rem 0 1.0rem 0;
}
.comment-content .normal-box h3 {
    font-size: 1.16rem;
    font-weight: 600 !important;
    margin: 1.0rem 0 0.8rem 0;
}
.comment-content .normal-box h4 {
    font-size: 1.15rem;
    font-weight: 600 !important;
    margin: 0.80rem 0 0.6rem 0;
}
.comment-content .normal-box h5 {
    font-size: 1.15rem;
    font-weight: 600 !important;
    margin: 0.60rem 0 0.5rem 0;
}
/* 基础样式设置为600，适用于各个浏览器 */
.comment-content .normal-box strong {
    font-weight: 550 !important;
}
/* 仅覆盖Firefox特定样式 */
@-moz-document url-prefix() {
    .comment-content .normal-box strong {
        font-weight: 500 !important;
    }
    .comment-content .normal-box :is(h1, h2, h3, h4, h5) {
        font-weight: 500 !important;
    }
}
/* 仅覆盖h内的strong */
.comment-content .normal-box :is(h1, h2, h3, h4, h5) strong {
    font-weight: 600 !important;
    color: #494949;
}
.comment-content .normal-box ul li {
    margin-top: 0.1rem;
    margin-bottom: 0.35rem;
}
.comment-content .normal-box ul li ul {
    padding-inline-start: 1.2rem;
}
.comment-content .normal-box ul li ul li {
    margin-bottom: 0.27rem;
}
.comment-content .normal-box ol {
    margin-left: 0.0rem !important;
    margin-bottom: 0.8rem !important;
    margin-block-start: 1em;
    padding-inline-start: 1.3rem;
}
.comment-content .normal-box ol ul {
    margin-bottom: 0.27rem;
    padding-inline-start: 1.5rem;
}
.comment-content .normal-box ol ul li {
    margin-bottom: 0.25rem;
}
/* 代码样式，PrimsJS初始化之后的样式 */
.comment-content .normal-box pre {
    /* 块体基础样式，优先级低于下方代码块体 */
    border: 1px solid #dedede;
    background: #f5f2f066;
    font-size: 1rem;
    padding: 10px;
}
.comment-content .normal-box pre[class*=language-] {
    border: 1px solid #dedede !important;
    padding: 8px 8px 8px 8px !important;        /* ！！！内部定位，代码体在盒子内的位置 */
}
.comment-content .normal-box :not(pre)>code[class*=language-], pre[class*=language-] {
    background: #f5f2f066 !important;
    font-size: 1.1rem !important;
}
/* 代码样式，添加代码卡片之后的样式 */
.comment-content .normal-box .code-card {
    margin: 6px 6px 6px 0;   /* ！！！外部定位，视情移除 */
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 6px;    /* 添加显著圆角 */
    overflow: hidden;     /* 确保内部内容也遵循圆角 */
}
.comment-content .normal-box .code-card:hover .code-card-head {
    opacity: 1;           /* 悬停时完全不透明 */
    pointer-events: auto; /* 恢复可点击 */
}
.comment-content .normal-box .code-card-head {
    position: absolute;
    top: 3px;
    right: 4px;
    width: auto;
    white-space: nowrap;
    background-color: #f5f2f066;
    padding: 0px;
    height: 26px;
    line-height: 26px;
    z-index: 3;
    opacity: 0; /* 默认透明 */
    transition: opacity 0.2s ease; /* 添加过渡效果 */
    pointer-events: none; /* 不可点击，避免干扰代码选择 */
}
.comment-content .normal-box .code-card-head button:nth-child(1) {
    cursor: pointer;
    color: #887777;
    padding: 5px;
    margin-right: 12px;
    border: 1px solid #ffffff00;
    background-color: #ffffff00;
    float: right;
    font-size: 1rem;
}
.comment-content .normal-box .code-card-body {
    width: 100%;
    z-index: 2;
}
.comment-content .normal-box .code-card-body pre {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 8px 8px 8px 8px !important;    /* ！！！内部定位，与前面重复 */
}
/* 表格样式 */
.comment-content .normal-box table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
/* 表头样式 - 使用更浅的蓝色 */
.comment-content .normal-box thead {
    background-color: #e3f2fd; /* 浅蓝色背景 */
    color: #1a202c; /* 深色文本以确保可读性 */
}
.comment-content .normal-box th {
    padding: 16px;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    border-bottom: 2px solid #e2e8f0;
}
/* 表格主体样式 */
.comment-content .normal-box tbody tr {
    border-bottom: 1px solid #edf2f7;
    transition: background-color 0.2s ease;
}
.comment-content .normal-box tbody tr:nth-of-type(even) {
    background-color: #f7fafc;
}
.comment-content .normal-box tbody tr:hover {
    background-color: #edf7fa;
}
/* 第一列使用更浅的颜色 */
.comment-content .normal-box td:first-child {
    // background-color: #f0f7ff; /* 极浅的蓝色背景 */
    font-weight: 500; !important;
}
.comment-content .normal-box td {
    padding: 16px;
    font-size: 15px;
    border-right: 1px solid #edf2f7;
}
.comment-content .normal-box td:last-child {
    border-right: none;
}
/* 单元格内的强调文本 */
.comment-content .normal-box td strong {
    color: #1e40af; /* 深蓝色文本 */
}
/* 响应式设计 */
@media screen and (max-width: 768px) {
    .comment-content .normal-box table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .comment-content .normal-box th,
    .comment-content .normal-box td {
        white-space: nowrap;
    }
}