﻿body {
    text-align: left;
    background: #f6f6f6;
    font-size: 16px;
    color: #2a2a2a;
}
body, p, ul, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.fl-l{float:left}
.fl-r{float:right}
.commentTitle{width:60%;border-right:1px solid #e14d4d;padding:0 10px}
.comment{overflow:hidden;display:none}
.author61,.author97{width:61%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.author97{width:80%}
#postComment{padding:15px 4%;text-align:right}
#postComment textarea{height:54px;width:100%;border:1px solid #d1d1d1;font-size:16px;line-height:30px;-webkit-appearance:none;border-radius:0;background:#ededed;border-radius:2px;margin-bottom:5px;box-sizing:border-box}
#postComment .inputBtn{height:28px;line-height:24px;width:17%;font-size:14px;color:#515151;border:1px solid #e5e5e5;background:#eee;border-radius:2px}
.commentNav{color:#fff;font-size:14px}
.commentNav span{display:block;width:65px;height:24px;background:#df3031 url(http://img1.cache.netease.com/3g/img14/zhuzhan/juchi1.png) repeat-y right top;background-size:2px;color:#FFF;text-align:center;line-height:24px;padding:0 5px}
.commentList{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.commentList>div{padding:8px 4%;line-height:22px;color:#000;overflow:hidden}
.author97,.author61{color:#5191d2;font-size:14px}
.commentList p{font-size:12px}
.commentList>div div{background:#f9f8e8;border-top:1px solid #eae8d2;border-bottom:1px solid #eae8d2;padding:0 0 1px}
.commentList>div>div,.commentList>div>div>div,.commentList>div>div>div>div,.commentList>div>div>div>div>div{padding:1px;border-left:1px solid #eae8d2;border-right:1px solid #eae8d2}
.commentList>div>div>div>div>div>div{border-left:1px solid #eae8d2;border-right:1px solid #eae8d2;padding:1px}
.commentList>div>div>div>div>div>div div{border-top:0}
.commentList>div>div>div>div>div>div div .floor-num{left:-1px}
.commentList p{margin-top:4px}
.commentList .clearfix{margin-top:3px;margin-bottom:4px}
.commentList>div div p{margin:8px 6px 6px 0}
.commentList>div div .clearfix{margin:2px 6px 0 0}
.comment-popup{width:156px;text-align:center;display:none;position:absolute;z-index:100;left:48%}
.comment-popup a,.comment-popup a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0);display:block;float:left;background:url(http://img1.cache.netease.com/3g/img11/3gtouch/comment-popup.png);background-size:auto 105px;line-height:38.5px;color:#fff;font-size:13px;height:51.5px}
.comment-popup .left{width:78.5px}
.comment-popup .right{width:77.5px;background-position:-78.5px 0}
.comment-popup a:active{background-position-y:-53.5px}
.foldLink{text-align:center;padding:10px 3.7%;color:#999;margin:0}
.commentList>div div .foldLink{margin:0}
.tie-login{padding:15px 4% 0 4%;border-top:1px solid #c5c5c5}
.tie-login .name,.tie-login .password{width:30%;border:1px solid #d1d1d1;border-radius:2px;margin-right:1.7%;background:#ededed;box-shadow:none}
.tie-login .login{width:17%;font-size:14px;float:right;margin-top:2px;color:#515151;border:1px solid #e5e5e5;background:#eee;border-radius:2px}
.tie-login input{height:28px;line-height:24px}
.tie-login span{color:#5191d2;font-size:14px}
.tie-login a{border:1px solid #e5e5e5;border-radius:2px;font-size:14px;width:17%;text-align:center;background:#ececec;height:26px;line-height:26px;margin-top:-3px}
iframe{display:none}
#popWin{width:100px;height:100px;border-radius:10px;background:#bababa;color:#fff;font-size:18px;line-height:100px;text-align:center;display:none;position:fixed;z-index:99;top:50%;left:50%;font-weight:bold;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.anim-login{animation:fadeInOut 3s;-webkit-animation:fadeInOut 3s}
.comment{max-width:960px;margin:0 auto}
.toTop{margin:10px auto;max-width:960px}
.pageBtn{margin-bottom:8px}
.floor{position:relative}
.floor-num{float:left;position:absolute;left:0;color:#fff;background-color:#dfdf9a;height:12px;font-size:12px;line-height:12px;margin-top:17px;text-align:right;padding-right:3px;box-sizing:border-box}
.commentList .author{margin-top:17px;font-size:12px;line-height:13px}
.tie-head{margin-top:0 !important}
.commentList>div>div .floor-num{width:19.5px}
.commentList>div>div .inner-wrap{padding-left:28.5px;box-sizing:border-box}
.commentList>div>div>div .floor-num{width:17.5px}
.commentList>div>div>div .inner-wrap{padding-left:26.5px;box-sizing:border-box}
.commentList>div>div>div>div .floor-num{width:15.5px}
.commentList>div>div>div>div .inner-wrap{padding-left:24.5px;box-sizing:border-box}
.commentList>div>div>div>div>div .inner-wrap{padding-left:22.5px;box-sizing:border-box}
.commentList>div>div>div>div>div .floor-num{width:13.5px}
.commentList>div>div>div>div>div>div .floor-num{width:11.5px}
.commentList>div>div>div>div>div>div .inner-wrap{padding-left:20.5px;box-sizing:border-box}
.commentList .vote{display:none;font-size:12px;color:#888;line-height:12px;margin-top:17px;position:relative;padding-left:16px}
.commentList .vote:before{content:"";position:absolute;left:0;background:url(../images/subscribe-gray.png) center center no-repeat;background-size:contain;width:11px;height:11px}
.original-title{font-size:16px;line-height:20px;color:#4c9aea;margin:8px 4% 20px 4%;padding-left:17.5px;position:relative;text-align:justify;display:block}
.original-title:before{content:'';width:11px;height:16px;display:block;left:0;top:3px;position:absolute;margin-right:6.5px;background:url(../images/title.png) center center no-repeat;background-size:contain}
.original-title:visited{color:#4c9aea}
#brilliant .before,#brilliant .after{height:0;border-top:1px solid #e5e5e5;margin:6px 4%;position:relative}
#brilliant .before:before,#brilliant .after:before{background:url(../images/quote.png) center center no-repeat;background-size:contain;position:absolute;content:'';height:12px;width:32px;background-color:#f6f6f6;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#brilliant .before{margin-top:26px;margin-bottom:12px}
#brilliant .before:before{-webkit-transform:translate(-50%,-50%) rotate(180deg);-ms-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}
#brilliant .after{margin-top:19px;margin-bottom:38px}

user agent stylesheet
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: ".";
}


/**评论发布**/
#postComment {
    padding: 15px 4%;
    text-align: right;
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
#postComment textarea {
    height: 54px;
    width: 100%;
    border: 1px solid #d1d1d1;
    font-size: 16px;
    line-height: 30px;
    -webkit-appearance: none;
    border-radius: 0;
    background: #ededed;
    border-radius: 2px;
    margin-bottom: 5px;
    box-sizing: border-box;
}
textarea {
    font-family: monospace;
    border-color: rgb(169, 169, 169);
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    padding: 2px;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

#postComment .inputBtn {
    height: 28px;
    line-height: 24px;
    width: 15%;
    font-size: 14px;
    color: #515151;
    border: 1px solid #e5e5e5;
    background: #eee;
    border-radius: 2px;
        float: left;
    margin-left: 5%;
}

input {
    -webkit-appearance: none;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
}
.pageBtn {
    margin-bottom: 8px;
}
.pageBtn, .pageBtn:visited {
    margin: 6px auto 15px auto;
    height: 34px;
    width: 93.8%;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    background: #ececec;
    border-radius: 3px;
    color: #515151;
}


