.rhemoji-emo {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.rhemoji-list-wrap {
    border: none;
    background-color: #ebeff3;
    z-index: 1000;
    overflow: visible;
    padding: 12px 9px 12px 12px;
}

.rhemoji-list {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.rhemoji-list::-webkit-scrollbar {
    width: 6px;
    background-color: #ebeff3;
}

.rhemoji-list::-webkit-scrollbar-thumb {
    height: 120px;
    background-color: #ccd7df;
    border-radius: 4px;
}

.rhemoji-list-wrap .rhemoji-list .emoji {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 6px;
}

.rhemoji-list-wrap .triangle-icon {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

/* mobile */
.rhemoji-list-mobile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #eceef1;
}

.rhemoji-emo-mobile {
    width: 26px;
    height: 26px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-triangle-icon-mobile {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

.rhemoji-list-mobile .rhemoji-list-content {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

.rhemoji-list-mobile .rhemoji-list-ul {
    padding: 16px 0 16px 12px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 104px;
}

.rhemoji-list-mobile .rhemoji-list-ul .emoji {
    width: 40px;
    height: 40px;
    margin-right: 11px;
    margin-bottom: 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-delete-wrap {
    width: 100px;
    height: 88px;
    position: absolute;
    bottom: 16px;
    right: 11px;
    z-index: 9999;
}

.rhemoji-delete-icon {
    width: 56px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 38px;
    z-index: 99999;
}

.rhemoji-input-box:empty:before {
    content: attr(placeholder);
    color: #999999;
}

.rhemoji-input-box img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
.comment-input{margin:12px 0;padding:8px 20px;background:#fff;display:none}.comment-caption{position:relative;color:#333;font-size:16px;line-height:22px;font-weight:500}.comment-caption:before{content:"";position:absolute;top:4px;left:-20px;width:4px;height:14px;background:#b60014;border-radius:0 2px 2px 0}#expression{margin-top:12px}#expression,#review-expression{width:22px;height:22px}.comment-list{font-size:14px;background:#fff;padding:8px 0 20px}.self-logo{width:5%;min-width:48px;height:48px;display:inline-block;border-radius:50%}.text-area{width:100%;height:96px;border:1px solid #ebeff3;position:relative;padding:8px;border-radius:4px;background:#f8f9fb}.cursor-pointer{cursor:pointer}.parent-text{background:#f8f9fb;border:1px solid #ebeff3;border-radius:2px;padding:8px;font-size:14px;color:#666;margin-top:8px}.parent-text-name{font-weight:500;color:#333}.red-text{color:#b60014!important}.comment-container{margin-top:12px;width:100%;float:right;position:relative}.bar-btn{width:120px;height:36px;line-height:36px;background:#b60014;color:#fff;font-size:14px;text-align:center;border-radius:2px;cursor:pointer;display:inline-block}.comment-original-send-btn{position:absolute;right:0;top:-35px}.declare{margin-top:12px;color:#999;font-size:12px;vertical-align:bottom;display:inline-block;letter-spacing:-.3px}.declare a{color:#09f;font-size:12px;line-height:14px}.icon-bar-btn{display:inline-block;width:14px;height:13px;background:url(http://upload.9fzt.com/production/jfztgw/article/send1.png) no-repeat;background-size:contain;position:relative;top:2px}.bar-btn-gray{background:rgba(182,0,20,.29);cursor:unset}.coment-login{height:80px;background:#fff;font-size:14px;text-align:center;padding-top:25px;margin:12px 0}.comment-list-head{position:relative;padding-left:12px;color:#333;font-size:16px;line-height:22px;font-weight:500}.comment-list-head:before{content:"";position:absolute;left:0;top:4px;width:4px;height:14px;background:#b60014;border-radius:0 2px 2px 0}#edit-review,#textarea{color:#333}.no-comment-data{height:245px;text-align:center}.comment-item{padding:20px 0;border-bottom:1px solid #f2f5f8;margin:0 12px}#pagination{text-align:center;margin-top:20px}.review-comment{padding:8px 0;border-bottom:1px solid #ebeff3;font-size:16px;font-weight:500;color:#333}.close-review img{width:15px;height:15px;display:inline-block;cursor:pointer}.no-comment-data img{width:158px;height:128px;display:inline-block;margin-top:44px}.review-parent{height:84px;width:100%}.edit-review{overflow:auto;outline:none;width:100%;height:76px;margin-bottom:12px;padding:8px;border:1px solid #ebeff3;border-radius:4px;background:#f8f9fb}.sent-parent-review{border-top:1px solid #ebeff3;height:39px;padding-top:9px}.sent-parent-review .send-tip{color:#999;font-size:12px;display:inline-block;max-width:430px}.no-comment-text{color:#999;font-size:12px;margin-top:6px}.name-time{margin-left:10px;position:relative;top:2px;width:91%}.name-time .name{color:#333;font-size:16px;line-height:22px;font-weight:500}.name-time .time{margin-top:2px;line-height:17px;font-family:DIN-Regular,DIN!important}.hf,.name-time .time,.support-num{color:#999}.hf{font-size:16px;margin:0 10px}.support-position{position:relative;bottom:2px}.review,.zan{display:inline-block;width:18px;position:relative;top:2px}.margin-l26{margin-left:26px}.comment-content{color:#333;line-height:20px;margin-top:8px}.margin-t12{margin-top:12px}.review-tip{margin-left:20px}.reviewing{color:#999;font-size:12px;margin-top:2px}.margin-l4{margin-left:4px}.author-reply{background:#f2f5f8;height:66px;padding:8px 12px;margin-top:8px}.author-reply-text{color:#666;margin-right:6px}.reply-text{color:#333;margin-top:8px}.global-toast{display:none;position:fixed;z-index:99999;left:50%;top:50%;margin-left:-153px;margin-top:-75px;width:306px;height:130px;padding:20px;border-radius:10px;text-align:center;color:#fff}.global-toast img{width:40px;height:40px;margin:0 auto 24px}.comment-num-text{color:#09f;font-size:12px;cursor:pointer}.comment-num-text:hover{text-decoration:underline}.emojiMsg{display:inline-block;vertical-align:middle}.comment-btn{cursor:pointer;width:120px;padding:7px 0;border-radius:2px;background:#f8f9fb;text-align:center}.comment-btn:hover{background:#ebeff3}.comment-btn .text{vertical-align:middle;color:#999;font-size:14px}.comment-fabulous .fabulous-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAgVBMVEUAAACbm5ubm5ujo6OZmZmampqenp6enp6ZmZmampqampqampqcnJyampqbm5uampqbm5uZmZmZmZmZmZmZmZmcnJydnZ2goKCampqampqampqampqampqZmZmampqampqcnJyampqampqbm5uampqampqampqampqampqampqZmZkW31F3AAAAKnRSTlMAP38H8+oVHNqvlXVE+V5MMMzEgHsoIQ7JvKOcj4mEOTTf1WxaVlHSt6sk7InYAAABSUlEQVQ4y9WT6Y6DIBSFUdCKuO+12tq9c97/AadMtQu1YjLJJPP9wVw/Qg7cS/4EmiVxbei9soKk1YoukHAGeBrPBpaELCzsNOIROF4XASy0J0vDADR5djjLJQLCSc8DMrl2GrF0YNnyw5iObcfAgUgCICcqG5GmaRZe/1pAc88k9sHhZDyy0y/ciCsA677qYMDZ01vJxANnCBDhCU77veeFjFEDa/rSHLS0iy64AIJIhuO8T1e8hNOLJiFTb5HCV8XN78QGTBW7UXEFSxWjUZFjO09MUKliPio6uMwTGVaqWHwYIjFL9IBQEcfHSQD2LJFjR1TRHvEoQztL3AP5m3gq6FsUBq5cUwCJldTmobP7Y0MOsOLel/7KNM3GwhNsGyfxT8W6t1Tko6c+Zi6vXjb47tNNREsmS9thYmjuBaJtG9fNTiX5R3wD/AgxaE+IBQgAAAAASUVORK5CYII=") 100%/100% no-repeat}.comment-fabulous.already{background:rgba(182,0,20,.04)}.comment-fabulous.already .fabulous-icon{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAeFBMVEUAAAC3ABW4ABe3ABS3ABW3ABS3ABTSADe4ABW9AB+3ABS3ABS3ABW3ABW3ABW4ABi2ABW4ABa6ABW5ABa8ABi3ABS3ABW3ABS3ABa3ABW3ABW4ABS2ABW2ABa2ABe5ABi/ABm3ABW2ABW3ABS3ABW5ABe4ABi2ABRkkRsHAAAAJ3RSTlMAlEHN29duBDAQ+Obet14mtk87LRju0q+moJCCZ0Y4HwrzxFhKQjaBL3WGAAAAzElEQVQ4y9XUyQ6CMBSF4audBGTGkdHxvv8bChZiJApnZeK/7Zd2cZLSb8pPMkBczW03AOoOHgC476CYd2bTQTUPSwbhjrGnY34WzTnHs/A45wTb4mmXbXvnOpMu8LjP/zSEWrcdDN0F89BGSqnUVpz9fX7toWuPKlrwqNH1bFt+h7xC4RKFCQpTFNYodFBIIPRQKFC4Q+ERhQUKKxC6DQgjAmEAQmkwqELqi+xMDmVhmCaxXvjSfY1SGBoy6aqtefunwjLQWl+SjP6pB0kMbO1JodU9AAAAAElFTkSuQmCC") 100%/100% no-repeat}.comment-collect{margin-left:12px}.comment-collect .collect-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAACampqdnZ2ampqbm5uZmZmbm5uZmZmlpaWqqqqampqZmZmZmZmampqampqdnZ2ZmZmZmZmampqampqampqcnJyampqampqampqZmZmbm5uampqampqZmZmampqampqZmZmdhhDCAAAAIHRSTlMAiCXAet8XGREFqPfrYTwO5fjytVkh2oFzak/PlZRHOr7q21YAAAC9SURBVDjL5dLJDoIwFIXhSxGlpVDmyem8/1OaSE2DHWTjkPiv7uJbnVz649jQxJ6agRk3VQiUTQ9XAJCJJwmg0DBGNZO3uUK8XDyDoEAC9XLsgSgEIyB9L+TtzqrlDpjDUe6ARebYunBAUsxKkYa/Ns/YhaGZpw9DM48IQjNPR6bvz6M2wRiSnmB6sGMRINaQHeGu7laQlR7XX8nAxTWR3e7CSZcC57sTnMIlqE/ypdPvYFxQlpAjbUrR57sBxJAlXMPzBz4AAAAASUVORK5CYII=") 100%/100% no-repeat}.comment-collect.already{background:#ebeff3;position:relative}.comment-collect.already:after{content:"";height:0;width:0;border:7px solid transparent;border-top-color:#ebeff3;position:absolute;left:56px;bottom:-13px}