.spinner {
    margin: 0 auto;
    width: 50px;
    height: 40px;
    font-size: 10px
}

.spinner>div {
    background-color: #337AB7;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.mod-comment {
    background-color: #fff
}

.comment-list article {
    position: relative;
    margin-top: 20px;
    padding: 0 0 20px 65px;
    border-bottom: 1px solid #e0e0e0
}

.comment-list article .common-avatar {
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ddd;
    overflow: hidden;
    background-size: 50px 50px;
    border: 1px solid #f0f0f0;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}


/*.comment-list article .common-avatar{background-color:#eee url('data:image/gif;base64,R0lGODlhPAA8ALMAAI2Njfv7+/Pz8+vr65CQkJmZmdnZ2aurq+Tk5Lu7u8zMzKOjo7Ozs8PDw////5KSkiH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDI5RTM1NzE3MjhBMTFFOTk5OERGNTQxQTdGNEQwQ0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI5RTM1NzA3MjhBMTFFOTk5OERGNTQxQTdGNEQwQ0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6RThBOEIyQTREM0VFREYxMTlCNENDOThGQUJCRjE5NkEiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6RTdBOEIyQTREM0VFREYxMTlCNENDOThGQUJCRjE5NkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAPAA8AAAE//DJSau9OOvNu/9gKI5kaZ5oqq5syxEw7JoAQDxFTtT3/NWLhkEgCAgGBkbB5tvsDoaAY0qlChrLJuamkFa/1MEBoK0ACgiwupoglx+39HruaL8BBjo9MNYCGHp6A3A+NwOBenYzf4iCTXiNen0tBAUCkXQKbiwEC5h0BpsrAAefcwgyLIymagOpo6WsYK49K52yYKEulZe4VJozBHm+U5MtAAnEDgIFtS69uA2ix8m4zM6UwrgM07sFh6bSbw9n4JGa2E2Vw4ECbelaMAxyawEGWeMWZAcKA0UORhBgYZLvwo4aOXLUIFjQwsEHCxgkmJjgQDOGDXc8gPLvSwCBC4pqNCSTwNweAyHhUSJFr1EABeTiAWjgxRSCkIUIKCAmwJgtADuV9ex2AqgyK/hSrDo6BYEtS0yrAEMBKSqVAAtU/jhQ06oDXTTYeS1G1EOnrmPBjjA6tkqAZiMMtf2iKAQAT3OrqAWBLG+VayKq+p2SVQSBln65hbgBbbA4ELwG/yqboRLavFMvRAAAOw==') 0 0 no-repeat;}*/

.comment-list article .common-avatar img {
    margin-top: -4px;
}

.comment-list .comment-block {
    text-align: left
}

.comment-list .comment-block .common-username {
    color: #3b5998;
    font-weight: 600
}

.comment-list article .cm-report {
    display: none
}

.comment-list article.isReply {
    margin-left: 58px
}

.comment-list article:hover .cm-report {
    display: inline-block
}

.common-avatar img {
    width: 100%;
    height: 100%
}

.comment-time {
    color: #999;
    display: inline-block;
    margin-left: 12px
}

.comment-content {
    font-size: 15px;
    color: #4b4b4b;
    line-height: 24px;
    margin-top: 10px;
    word-wrap: break-word;
    word-break: break-all
}

.comment-operate {
    margin-top: 18px;
    font-size: 12px
}

.comment-operate button {
    color: #666
}

.cm-narbar {
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cm-narbar .cm-narbar-info {
    display: block;
    text-align: left;
    color: #666;
    flex-grow: 1;
    font-size: 20px;
}

.cm-narbar .cm-narbar-btn {
    display: block;
    width: 190px;
    text-align: right;
    padding-top: 5px
}

.cm-narbar .cm-narbar-btn a {
    color: #888;
    position: relative;
    width: 90px;
    display: block;
    float: left;
    text-align: center
}

.cm-narbar .cm-narbar-btn a.active {
    color: #333
}

.cm-narbar .cm-narbar-btn a.active:after {
    content: '';
    width: 30px;
    height: 3px;
    left: 37px;
    bottom: -10px;
    position: absolute;
    background-color: #ff9a6a;
    border-radius: 1.5px;
    display: block
}

.mce-btn button {
    padding: 2px 4px!important
}

.mce-content-body {
    font-size: 14px
}

.mce-ico {
    height: 30px!important;
    line-height: 30px!important;
    background-repeat: no-repeat!important
}

.mce-listbox>button {
    padding: 10px 27px 10px 10px!important
}

.mce-ico.mce-i-emobabysoldier {
    background: url(https://3.bp.blogspot.com/_1Jw2fzSntT0/TDYXmoMuCeI/AAAAAAAAArU/HRsK1o9b87A/s30/39.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emoonion {
    background: url(https://4.bp.blogspot.com/_1Jw2fzSntT0/TZDLBB9cMqI/AAAAAAAABPo/aEOUmUAfhNY/s30/001.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emobafu {
    background: url(https://4.bp.blogspot.com/_1Jw2fzSntT0/TZDP5AajWkI/AAAAAAAABWs/A_cw_EaFzcE/s30/01) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emothobua {
    background: url(https://4.bp.blogspot.com/_1Jw2fzSntT0/TZC7trfKk6I/AAAAAAAABKg/yK_I6NhU6EA/w30/020.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emothotuzki {
    background: url(https://4.bp.blogspot.com/-678pJfhjGus/TxaJmHNhXUI/AAAAAAAAFWI/uVL_1LLkdKc/s30/Upanhso.tk-1.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emoyoyo {
    background: url(https://4.bp.blogspot.com/_1Jw2fzSntT0/TdAAq2gaMbI/AAAAAAAABqo/bGnYO5L6mWI/s30/10.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emopanda {
    background: url(https://1.bp.blogspot.com/-1rtVBecx6MI/TxUwByvlxtI/AAAAAAAAFPU/zO0ZISyyXgM/s30/Upanhso.tk-1.gif) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emotrollface {
    background: url(https://4.bp.blogspot.com/-SfXXX4NAg4Q/Tyuk4DTZO0I/AAAAAAAEnlY/qyz712WwFGw/s30/00-3Laughing.png) no-repeat;
    height: 30px;
    width: 30px
}

.mce-ico.mce-i-emoyahoo {
    background: url(https://3.bp.blogspot.com/-fEToyUeACwk/TxUn88ZzutI/AAAAAAAAE78/M2obVYh_QHY/Upanhso.tk-1.gif) center center no-repeat;
    height: 30px;
    width: 17px
}


/* Small devices (tablets, 768px and up) */

@media (max-width:768px) {
    .cm-narbar .cm-narbar-info {
        padding-left: 10px;
    }
    .cm-narbar .cm-narbar-info:before {
        font-family: "Font Awesome 5 Free";
        content: '\f086'
    }
    .cm-post article,
    .replyComment {
        padding: 10px
    }
    .cm-post article .common-avatar {
        display: none
    }
    .comment-content {
        font-size: 16px
    }
    .comment-list article {
        padding-left: 10px;
        margin-top: 15px;
    }
    .comment-list article .comment-user {
        padding-left: 35px;
    }
    .comment-list article .common-avatar {
        width: 30px;
        height: 30px;
        left: 10px;
        top: 5px;
        font-size: 17px;
        line-height: 30px;
    }
    .comment-list article.isReply {
        margin-left: 28px
    }
}