.page {
    padding: 25px 15px 0 15px;
}

.title {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 14px;
}

.author,
#read .footer {
    margin-bottom: 30px;
    min-height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 15px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: rgba(0, 0, 0, .3)
}


.author .headpic {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 9px;
    margin-top: 2px;
    border-radius: 50%;
    border: solid .5px #eee;
    cursor: pointer;
}

.author .username {
    color: #576b95;
}

.author span,
.footer span {
    margin-right: 5px;
}

.author .price {
    float: right;
}

#read .content {
    overflow: hidden;
    color: #222;
    font-size: 17px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    position: relative;
    letter-spacing: .7px;
    line-height: 1.7;
    min-height: 400px;
}

.content img {
    max-width: 100%;
}

.content a {
    color: #18bc37;
}

.content a:hover {
    text-decoration: underline;
}

#read .footer {
    padding-top: 15px;
    text-align: right;
}

.loginTip {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    font-size: 14px;
    color: #e43d33;
}

.hr {
    height: 15px;
    background-color: #ececec;
    margin-left: -15px;
    width: calc(100% + 30px);
}

#reply {
    padding: 15px;
}

.replyTitle {
    font-size: 15px;
    color: #333;
    border-bottom: solid .5px #f8f8f8;
    padding-bottom: 15px;
}

.writeReply {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAaZJREFUWEftl70vBEEYxn/vtnqJxK2LSvwPktNqaFA59sRHJDpRSXwkEo2GQihuJBIFBVFqTqcQNSW7PhqFWty9MhfH3UWxc8ed4rbZ4p15n98+u/PsjNDkS5qsTxEgYTTXDJAokH7pNJryIKdw0UgIgVQBvgGAlTCQ1UZA+EaXrV4LoOXA/3YgaTSZh5R4vIjH9f2YPJevkHrqsVaBn9VdhOlP0eMwkJFygHrq8QCMarlgGEhFbPt11OMCbAHzRQhlL8zITIUDRmuuxwKwYjam7f0hkB9jutZ6bIC/iuUWQMuB/+tA3K9eCpzfT8plVS4MA71xe3xtSLoOtEPfeXKYiApL0YSsl+b4Rq34kUsPO/ZNaXfeFdsIVmUuysiObVImfuVB+i6QWxcQJ4Ck0Z4C3CCMhhNy9CWu5PJ50o9T8uAibsc6ASSMDgmc4NGH0oti/5hnnjJ+F8irq7gzgJ/VRYQ1wO5qNxQOozbSjEi+FnFngMS+bosyAHQDu2Egs7UKl+Y5vQLf6CkwqMpmlJGFesWdHfhMMH7zAOPkwG88cXWPpgN8AC5aR4jZIdqBAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
    padding-left: 20px;
}

.replyList {
    padding-top: 15px;
    border-bottom: solid .5px #f8f8f8;
}

.replyList .content {
    font-size: 16px;
    color: #333;
}

.replyList .footer {
    padding: 15px 0;
    text-align: right;
    font-size: 15px;
    color: rgba(0, 0, 0, .3);
}

.replyFooter {
    padding-top: 15px;
    text-align: center;
}

#loadReplyBtn {
    font-size: 17px;
    display: inline-block;
    padding: 10px 25px;
    border: solid 1px #eee;
    color: #999;
    cursor: pointer;
}

#loadReplyBtn .loading {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

#loadReplyBtn.null {
    background-image: url("data:image/png;base64,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");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    height: 130px;
    font-size: 14px;
    padding-top: 100px;
    margin-bottom: 15px;
}