.comment { width: 95%; margin: 0 auto; margin-top: 20px; }

.comment-title { color: red; font-size: 20px; font-weight: bold; margin-bottom: 20px; }

.comment-list { margin-bottom: 10px; border-bottom: 1px dashed #999; }

.comment-list:last-child { margin-bottom: 0; border-bottom: none; }

.comment-list .name { font-size: 14px; color: #607fa6; }

.comment-list .name:hover { color: #104E8B; }

.comment-list p { font-size: 14px; color: #2b2b2b; }

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

.comment-list-bottom-time { float: left; font-size: 12px; color: #999; }

.comment-list-bottom-btn { float: right; font-size: 12px; }

.comment-list-bottom-btn a { color: #000; }

.comment-list-bottom-btn a:hover { color: #8B0000; }

.comment-list-bottom-btn .num { margin-left: 5px; color: #f54343; font: 16px georgia; }

.comment-list-bottom-btn .fg { color: #999; margin-left: 5px; margin-right: 5px; }

.comment-display { display: none; }

.comment-more { color: #000; text-align: center; margin: 10px 0; display: block; }

.footer { height: 180px; border-top: 1px solid #999; text-align: center; }

.footer-nav { margin-top: 10px; }

.footer-nav a { color: black; font-size: 12px; border-right: 1px solid black; padding-right: 5px; }

.footer-nav a:hover { color: #104E8B; }

.footer-nav a:last-child { border-right: none; }

.nav-br { display: none; height: 0; }

@media screen and (max-width: 600px) { .footer { height: 160px; }
  .nav-br { display: block; }
  .footer-nav a:nth-child(4) { border-right: none; } }

@media screen and (max-width: 320px) { .footer { height: 160px; } }

.guild { max-width: 640px; position: fixed; bottom: -4px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; }

.guild .id { text-align: center; color: #22a48a; font-size: 16px; line-height: 35px; background: white; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

.guild img { max-width: 100%; background: white; }


#red { font-size: 1rem; color: #f54343; font-family: "Georgia"; }
#bold { font-weight: bold; }
#pink { color: #c7254e; background: #f9f2f4; }
.pb { text-align: center; font-size: 1.2rem; font-weight: bold; border-top: 2px solid #c7254e; border-bottom: 2px solid #c7254e; }
#pink-bg { color: #fff; background: #c7254e; display: block; padding: 4px 8px; margin: 1px 0; }
.middle { text-align: center; }
#pink-b { color: #c7254e; background: #f9f2f4; font-weight: bold; }


            .nickname {
                font-weight: bold;
                color: #365899;
            }

            .comment-list {
                font-size: 14px;
                margin:0 10px;
            }

            .comment-list>div {
                margin-bottom: 15px;
            }

            .color-deep-blue {
                color: #365899;
            }

            .statusbar img {
                position: relative;
                top: 3px;
            }

            .statusbar {
                font-size: 13px;
            }

            .color-gray {
                color: #90949c;
            }

            .recomment {
                border-left: dashed 1px #90949c;
                margin: 5px 0 5px 50px;
                padding-left: 10px;
            }

            .s-photo {
                width: 32px;
                vertical-align: top;
            }

            .m-photo {
                width: 40px;
                vertical-align: top;
            }

            .donot-reply {
                border: 1px solid #d3d6db;
                height: 60px;
                width: calc(100% - 70px);
                color: #d3d6db;
                font-size: 18px;
                padding: 5px;
                display: inline-block;
            }

            .comment-item-right-box {
                width: calc(100% - 50px);
                display: inline-block;
            }

            .comment-item {
                margin-bottom: 5px;
                letter-spacing: 0;
            }

            .comment-content img {
                width: 90%;
            }