html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}


pre, html,
button,
input,
optgroup,
select,
textarea, h1, h2, h3, h4, h5 {
    width: 99%;
    font-weight: 300;
    font-family: Microsoft YaHei, DFKai-sb, Noto Sans SC Sliced, sans-serif;
}

h1, h2, h3, h4, h5, p, li {
    line-height: 1.8;
}


a, .SAY, .p, .REPLY {
word-wrap: break-word;
}

img {
    max-width: 100%;
    margin: auto;
}

h1 {
    font-size: 32px;
    margin: 28px 0 20px;
    letter-spacing: 1px;
    font-weight: 100;
}

h2 {
    font-size: 24px;
    margin: 24px 0 17px;
}

h1, h2, h3, h4, h5 {
    font-family: Microsoft YaHei, Noto Sans SC Sliced, sans-serif;
    font-weight: 200;
}
.BODY,.BACK{
    max-width:680px;
    margin:auto;
}
.BODY{
    padding:0 32px;
    box-size:border-box;
    font-weight:400;
    font-size:16px;
    padding-bottom:128px;
}
.BODY p {
    margin-bottom:16px;
}

.REPLY_LI{
    border-top:1px solid #ddd;
    margin-top:64px;
    padding-top:64px;
}
.REPLY_LI .LI{
    border-bottom:1px solid #ddd;
    margin-bottom:16px;
    padding-bottom:16px;
}
.REPLY_LI .USER{
    margin-bottom:16px;
}
.REPLY_LI .USER .NAME{
    font-weight:bold;
}
.REPLY_LI .REPLY{
    margin-top:48px;
    padding:22px;
    position:relative;
    background:#f9f9f9;
    margin-bottom:-16px;
}
label {
    cursor: pointer;
    padding: 3px;
    border: 2px;
    margin-bottom: 5px;
    border-radius: 8px;
    background-color: rgb(169, 182, 231);
    display: inline-block;
    color: white;
    font-size: 12px;
}
.REPLY_LI .TIME{
    float: right;
    font-size:12px;
}
.REPLY_LI .REPLY:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 2px;
    background-color: #ddd;
}
.REPLY p {
line-height: 1.4 !important;
}

.REPLY_LI .REPLY:before{
    font-family:Arial;
    color:#ccc;
    content: '“';
    position: absolute;
    top: -32px;
    left: -3px;
    font-size: 42px;
}
.BACK{
    text-align: center;
    display: block;
    padding: 12px;
    border: 1px dashed #eee;
    font-size: 14px;
    color: #fff;
    margin-bottom: 32px;
    margin-top: -1px;
}
.BACK a{
    display:block;
    color:#999;
    font-weight:200;
    text-decoration:none;
}
.BACK a:hover{
    color:#f40;
}
a {
    text-decoration: none;
}
a:hover{
    color:#f40;
}
strike {
color:#919191;
}

.text1 {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    line-height: 1.3rem;
    border-radius: 10px;
    /* display: flex; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}
label.btn {
    float: right;
    padding-top: 4px;
    line-height: 10px;
    color: #3c6e9e;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer;
    /* margin-top: -30px; */
}
.btn::before {
    content: '更多'
}
.exp {
    display: none;
}
.exp:checked+.text1 {
    -webkit-line-clamp: 999;
}

.exp:checked+.text1 .btn::before {
    content: '';
}

#article_show_content{
line-height: 1.8;
word-wrap: break-word;
}

.TAG {
    font-size: 12px;
}

h2 {
   font-weight: bold; 
   text-align: center;
}

blockquote {
    display: none;
}
 
img {
    display: none;
}