/*公共样式*/
a{text-decoration: none;color: #414040;
    border: none;           /* 去掉边框 */
}

img {
    border: none;           /* 确保图片本身没有边框 */
}

/*返回上一页*/
.returnLast{
    height: 50px;
    cursor: pointer;
}
.returnLastTitle{ margin-left: 20px;color: #0C0C0C;font-size: 16px}
/*返回上一页*/
.imageViewerList{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/*imageViewerList  图片查看的样式*/
.imageViewerList .image-thumbnail-li {
    /*width: 30%;*/
    /*float: left;*/
    /*margin-left: 1%;*/
    border: 1px solid #dfdfdf;
    list-style: none;   /* 去掉 ul 默认的列表样式 */
    padding: 0;
}

.imageViewerList  .image-thumbnail {
    width: 100%;
    height: auto;
    object-fit: fill;
    cursor: pointer;
}

.imageViewerList  .full-image {
    width: 100%;
    height: auto;
}


/*添加投诉的进度样式*/

.app-beian-card__header{
    font-family: -apple-system,BlinkMacSystemFont,"pingfang SC","Hiragina Sans GB","Helvetica Neue",Helvetica,"microsoft yahei ui","microsoft yahei",simsun,arial,sans-serif;
    border-bottom: 1px solid #e9ecf1;
}

.app-beian-step {
    counter-reset: step;
    font-size: 0;
    color: rgba(0,0,0,0.9)
}

.app-beian-step__item{
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
}
.app-beian-step__num{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border:2px solid #e6e9ef;
    box-sizing: border-box;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    color:rgba(0,0,0,0.3);
}
.is-current .app-beian-step__num{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #0052d9;
    border: 2px solid #0052d9;
    box-sizing: border-box;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    color: hsla(0,0%,100%,0.9);
}
.app-beian-step__num:before {
    counter-increment: step;
    content: counter(step);
    font-size: 0;
}
.app-beian-step__item.is-current .app-beian-step__num:before {
    color: hsla(0,0%,100%,0.9);
}
.app-beian-step__item.is-current .app-beian-step__num:before, .app-beian-step__item.is-current~.app-beian-step__item .app-beian-step__num:before {
    font-size: 16px;
    font-weight: 400;
}
.app-beian-step__content {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding-top: 4px;
}
.app-beian-step__title {
    font-weight: 600;
    max-width: 10em;
}
.app-beian-step__arrow {
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    margin: 6px 30px 0;
    vertical-align: top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMzYgMUw1LjAyMSAyLjQxMWw1LjMwNCA1LjU4Ni01LjMxNCA1LjU5NyAxLjM0IDEuNDExTDEzIDguMDAzbC0uMDA1LS4wMDYuMDA1LS4wMDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.is-current  .app-beian-step__title{
    color: rgba(0,0,0);
}
.app-beian-step__title{
    color: rgba(0,0,0,0.3);
}
/*添加投诉的进度样式*/
/*个人中心 分页*/
.user-pagination{
    text-align: center;
    margin:20px auto;
}
/*个人中心 分页*/

/*评论列表*/
.comment-container {
    width: 100%;
    margin: 20px auto;
}

/* Main comment style */
.comment-container .comment {
    display: flex;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 8px;
    /* Removed border and background color */
}
.comment-container .comment .avatar {
    width: 40px;
    height: 40px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 10px;
}
.comment-container .avatar img{
height: 40px;line-height: 20px;border-radius: 10px;
}
.comment-container  .reply {
    margin-left: 40px; /* Indentation for replies */
    /* Removed border-top and background color */
}
.comment-container .comment .content {
    flex: 1;
    background-color:#FFFFFF;
    padding: 0;
}

.comment-container .comment .username {
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.comment-container .comment .text {
    font-size: 14px;
    color: #555;
}

.comment-container .comment .time {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.comment-container .comment .reply-mark {
    font-size: 12px;
    color: #ff6f61;
    margin-top: 5px;
    margin-bottom: 5px;  /* Space between reply mark and content */
    line-height: 24px;
}



/* Optional: Add hover effect */
.comment-container .comment .comment:hover {
    background-color: #f0f8ff; /* Light hover effect for interactivity */
}
.comment-container .comment .atUser{
    color: #959595;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
}

.comment-container .comment .reply-mark{
    color: #303030;
}
.comment-container .comment .answer{
    color: #5B5B5B;
    padding-left: 6px;
    cursor: pointer;
}
.comment-container .content-reply{
    margin-top: 10px;
}

/*评论列表*/