.conference-head-table{
    border: 0 solid !important;
}

.detail-content{
    padding: 29px 0 31px;
}

.detail-content > hr{
    margin: 2.5rem 0 2rem!important;
    background: var(--search-field-submit-bg-color);
}




.detail-info-wrap{
    margin-top: 40px;
}


.pull-comment-btn{
    border: 0;
    padding: 10px 20px 7px;
    border-radius: 40px;
    color: var(--bs-red-CB001A);
    background-color: var(--bs-red-FFECEC);
}

.deatil-share-wrap > div{
    margin-right: 1.5rem;
    font-weight: bold;

}

.input-comment{
    padding-left: 24px;
}

textarea.input-comment{
    max-height: 100px;
    min-height: 84px;
    padding: 18px 24px 17px;
    display: flex;
    height: 85px;
    line-height: 1.5rem;
}
textarea.input-comment:focus{
    border-color: var(--input-border-color);
}

.share-btn{
    padding: 8px 15px 6px;
    display: flex;
    justify-items: center;
}


.comment-list{
    margin-top: 44px;
}

.comment-list-item{
    padding: 0 0 2rem;
}


.comment-list-item .detail-info-wrap{
    margin-top: 0px;
}

.detail-msg-wrap{
    margin-left:  55px;
    padding: 20px 0px 27px;

}


.delete-item {

}

.delete-item >button{
    border: 0;
    color: #888;
    font-style: normal;
    background: transparent;
}





.active .user-name.placeholder-anima-bg {
    width: 60px;
    height: 15px;
}

.active .conference-title.placeholder-anima-bg {
    height: 30px;
    width: 18%;

}

.active .conference-dec.placeholder-anima-bg {
    height: 21px;
    width: 50%;
}

.active .level-list {
    display: none;
}

.child-level-list.level-list{
    display: block;

}

.heart-container {
    position: relative; /* 定位容器 */
    width: 50px; /* 控制大小 */
    height: 50px;
    background-color: red; /* 设置背景颜色 */
    transform: rotate(45deg); /* 旋转角度 */
}

.heart-top {
    position: absolute; /* 定位子元素 */
    top: -25px;
    left: 0;
    border-radius: 50%; /* 边界半径 */
    width: 50px;
    height: 50px;
    background-color: red;
}

.heart-bottom {
    position: absolute;
    bottom: -25px;
    left: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: red;
}

.comment-zan-wrap > img{
    height: 13px;
}


.comment-zan-wrap .comment-zan-select,
.comment-zan-wrap.active .comment-zan {
    display: none;
}


.comment-zan-wrap .comment-zan {
    display: block;
}

.comment-zan-wrap.active .comment-zan-select {
    display: block !important;

}

.comment-zan-wrap {
    color: var(--bs-gray-88);
}

.comment-zan-wrap.active {
    color: var(--bs-red-FF0229);
}

.comment-zan-wrap span {
    line-height: 1rem;
    margin-top: 1px;
}

.level-content .level-count-str-wrap {
    margin-left: 8px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
}

.level-content .level-count-img {
    width: 22px;
    height: 22px;
}






.level-list {
    font-size: 12px;
    line-height: 1rem;
}

.level-list .table-tag {
    background-color: #F4ECEB;
    padding: 0 7px;
    border-radius: 5px;
    color: #C27C76;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    height: 20px;
}


.level-list .table-tag > div {
    height: 16px;
}

.level-list .table-tag span {
    line-height: 18px;
}

.level-list .level-item {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
}

.level-list .level-title-item .table-tag {
    border: 1px solid #E9BEBB;
    background-color: #EFE5E4;
    border-radius: 20px 5px 5px 20px;
    font-weight: bold;
    /*padding: 3px 8px ;*/
    padding-left: 2px;

}

.level-list .level-title-item .table-tag img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    /*display: inline-flex;*/
    /*margin: -5px 2px 0px 0px;*/
}

.level-list .level-title-item {
}

.level-list {
    display: block;
}

.ditail-mobile-honor-list {
    display: none !important;
}





@media screen and (max-width: 599px) {
    .conference-head-table[data-fixed="fixed"] + .conference-content-wraps  ,
   .conference-head-table .conference-content-wraps
    {
        padding-top: 0!important;
    }

    .conference-content-wraps{
        padding: 0 18px!important;
        margin-top: 10px!important;
    }



    .detail-content{
        padding: 20px 0 22px;
    }
    .detail-content h1{
        font-size: 25px;
        font-weight: 900!important;
    }
    .detail-content > hr{
        margin: 1.5rem 0 1rem!important;
    }

    .detail-content .detail-info-wrap{

    }

    .detail-content  .conference-dec{
        margin-top: 2rem !important;
    }

    .comment-content{
        padding: 0!important;
    }

    .comment-list{
        padding-top: 0;
        padding-bottom: 30px;
        margin-top: 0;
    }

    .comment-list .detail-info-wrap{
        margin-top: 0px;
    }


    .comment-list-item{
        padding: 1.5rem 0 0;
        margin-bottom: 0;
        border-bottom: 1px solid var(--search-field-submit-bg-color);
    }

    .delete-item{
        margin-top: 0.5rem!important;
    }


   .comment-list-item .detail-msg-wrap{
       padding: 15px 0px 21px;
       border-bottom:0px ;
    }

    .conference-detail-page .page-wrap,
    .app-body  .conference-detail-page  .app-content.frame-content{
        padding-bottom: 0!important;
    }



}