.comment-container[data-v-7cb18890]{width:30%;height:calc(100vh - 100px);margin:auto}.comment-container .c-list[data-v-7cb18890]{padding:10px}.comment-container .c-list .c-item[data-v-7cb18890]{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:14px}.comment-container .c-list .c-item.other .avatar[data-v-7cb18890]{margin-right:10px}.comment-container .c-list .c-item.me[data-v-7cb18890]{flex-direction:row-reverse}.comment-container .c-list .c-item.me .avatar[data-v-7cb18890]{margin-left:10px}.comment-container .c-list .c-item .avatar[data-v-7cb18890]{width:40px;height:40px;border-radius:50%}.comment-container .c-list .c-item .item-content[data-v-7cb18890]{position:relative;padding:8px;border-radius:5px;background:#fff;max-width:calc(100% - 120px)}.comment-container .c-list .c-item .item-content[data-v-7cb18890]:after{content:"";position:absolute;width:0;height:0;border:2px solid #fff}.comment-container .c-list .c-item .right[data-v-7cb18890]:after{border-left-color:#ce001d;left:100%;top:50%;margin-top:-2px}.comment-container .c-list .c-item .left[data-v-7cb18890]:after{border-right-color:#fff;top:50%;right:100%;margin-top:-2px}.comment-container .c-list .c-item .bgc[data-v-7cb18890]{color:#f4f4f4;background-color:#ce001d}.comment-container .c-list .c-item .date[data-v-7cb18890]{padding:8px 4px;width:70px;font-size:10px;color:#898989}.inputs[data-v-7cb18890]{position:fixed;left:0;bottom:0;padding:0 33vw;width:100vw;height:100px;background:#fff}.inputs .input[data-v-7cb18890]{margin-right:20px;padding:0 20px;width:calc(100% - 160px);height:50px;border-radius:15px;font-size:28px;background:#f4f4f4}.inputs .btn[data-v-7cb18890]{width:140px;height:50px;text-align:center;line-height:50px;font-size:15px;color:#fff;border-radius:32px;background:#e4393c}.inputs .btn[data-v-7cb18890]:not([disabled]):active{color:hsla(0,0%,84.3%,.8);background:#cd373a}