.wrapper-article-rating-comment-title{font-size:2.5rem;color:rgba(0,0,0,.88);font-weight:400;margin-bottom:12px}.wrapper-article-rating-comment-sum{background-color:rgba(140,9,9,.08);padding:12px 24px;margin-bottom:12px}.wrapper-article-rating-comment-sum-title{font-size:2.5rem;color:#8c0909;font-weight:700;margin-bottom:12px}.wrapper-article-rating-comment-sum-bottom{display:flex;align-items:flex-end}@media(max-width:767px){.wrapper-article-rating-comment-sum-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:575px){.wrapper-article-rating-comment-sum-star{width:100%;margin-top:12px}}.wrapper-article-rating-comment-sum .button-star{font-size:2rem;border:1px solid #b8b8b8;display:flex;align-items:center;justify-content:center;gap:8px;width:80px;border-radius:10px;cursor:pointer}@media(max-width:575px){.wrapper-article-rating-comment-sum .button-star{font-size:1.6rem;height:40px;width:20%}}.wrapper-article-rating-comment-sum-left{margin-right:48px}@media(max-width:767px){.wrapper-article-rating-comment-sum-left{margin-right:0}}.wrapper-article-list-comment{margin-top:12px}.wrapper-comment-item-time{color:#898889;font-weight:400;font-size:1.2rem;margin-bottom:12px}.wrapper-article-relate{background-color:#f3f3f3;border-radius:10px}@media(max-width:767px){.wrapper-article-relate{margin-top:12px}}.wrapper-article-relate-title{padding:12px;font-size:1.4rem;color:#000;font-weight:600}@media(max-width:767px){.wrapper-article-relate-title{font-size:2rem}}.wrapper-article-relate-list{padding:0 12px 12px;max-height:calc(100vh - 360px);overflow:auto}@media(max-width:767px){.wrapper-article-relate-list{height:100%}}.wrapper-article-relate-list::-webkit-scrollbar-track{background-color:#f5f5f5}.wrapper-article-relate-list::-webkit-scrollbar{height:6px;width:6px;background-color:#f5f5f5}.wrapper-article-relate-list::-webkit-scrollbar-thumb{border-radius:8px;-webkit-transition:all .3s;transition:all .3s;background-color:hsla(0,0%,60%,.4)}.wrapper-article-relate-list a{font-weight:400;color:#000}.wrapper-article-relate-list a:hover{color:#8c0909}.wrapper-article-relate-item{display:block;margin-bottom:12px;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}