.write-comment-container[data-v-fe07b3e8]{position:fixed;bottom:120px;right:40px;width:50px;height:50px;border-radius:50%;background:#f23c3c;border:2px solid #f23c3c;opacity:.3;font-size:0;cursor:pointer;-webkit-box-shadow:0 0 20px #333;box-shadow:0 0 20px #333;-webkit-transition:.3s;transition:.3s;overflow:hidden;z-index:10}.write-comment-container[data-v-fe07b3e8]:hover{opacity:.8}.write-comment-container.open[data-v-fe07b3e8]{opacity:.8;width:calc(40% - 80px);height:120px;background:rgba(0,0,0,.8666666666666667);border:2px solid hsla(0,0%,100%,.2);border-radius:20px;cursor:default;z-index:10}.write-comment-container.open .comment-main[data-v-fe07b3e8],.write-comment-container.open .icon-cancel[data-v-fe07b3e8]{opacity:1}.write-comment-container.open .plane-icon[data-v-fe07b3e8]{bottom:5px}.write-comment-container .plane-icon[data-v-fe07b3e8]{color:#fff;text-align:center;position:absolute;right:0;bottom:0;width:50px;-webkit-transition:.3s;transition:.3s}.write-comment-container .plane-icon .icon-plane[data-v-fe07b3e8]{line-height:50px;font-size:24px!important}.write-comment-container .icon-cancel[data-v-fe07b3e8]{position:absolute;bottom:80px;right:20px;color:hsla(0,0%,100%,.8);font-size:14px!important;-webkit-transition:.3s;transition:.3s;opacity:0}.write-comment-container .comment-main[data-v-fe07b3e8]{position:absolute;right:65px;bottom:15px;width:calc(100% - 80px);color:hsla(0,0%,100%,.8);-webkit-transition:.3s;transition:.3s;opacity:0}.write-comment-container .comment-main .comment-title[data-v-fe07b3e8]{display:inline-block;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-6px}.write-comment-container .comment-main .comment-input[data-v-fe07b3e8]{background:transparent!important;width:100%;height:70px;font-size:14px;border:none!important;color:hsla(0,0%,100%,.8);outline:none!important;resize:none}.comments-page-container[data-v-0c68a496]{width:40%;position:absolute;height:calc(100% - 50px);min-height:550px;left:110%;overflow:auto;background:rgba(0,0,0,.06666666666666667);border-left:1px solid hsla(0,0%,100%,.5333333333333333);-webkit-transition:.3s;transition:.3s;opacity:0;top:40px}.comments-page-container.show[data-v-0c68a496]{left:60%;opacity:1}.comments-page-container[data-v-0c68a496]::-webkit-scrollbar{width:0;height:8px;background-color:transparent}.comments-page-container .comment-type-block .comment-type-title[data-v-0c68a496]{height:20px;font-size:100px;color:hsla(0,0%,100%,.13333333333333333);font-weight:700}.comments-page-container .comment-type-block .comments-list[data-v-0c68a496]{padding-top:50px}.comments-page-container .comment-type-block .comments-list .comment-item[data-v-0c68a496]{margin-bottom:10px;color:hsla(0,0%,100%,.6666666666666666);padding:15px 10px;background:rgba(0,0,0,.13333333333333333);width:calc(100% - 60px);margin-left:20px;border-radius:10px;-webkit-transition:.5s;transition:.5s}.comments-page-container .comment-type-block .comments-list .comment-item[data-v-0c68a496]:hover{background:rgba(0,0,0,.26666666666666666);color:#fff}.comments-page-container .comment-type-block .comments-list .comment-item .user-avatar[data-v-0c68a496]{width:50px;height:50px;border-radius:50%;margin-top:5px}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content[data-v-0c68a496]{width:calc(100% - 80px);display:inline-block;vertical-align:top;padding-left:20px}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .user-name[data-v-0c68a496]{cursor:pointer}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .user-name[data-v-0c68a496]:hover{text-decoration:underline}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .user-name-block[data-v-0c68a496]{font-weight:700;font-size:18px;opacity:.7}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .user-name-block .comment-time[data-v-0c68a496]{font-size:12px;font-weight:400}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .content[data-v-0c68a496]{margin-top:10px;opacity:.7}.comments-page-container .comment-type-block .comments-list .comment-item .comment-content .be-replied[data-v-0c68a496]{margin-top:5px;padding:5px 10px;border-left:5px solid hsla(0,0%,100%,.5333333333333333);opacity:.7}.comments-page-container .comment-type-block .comments-list .comment-item .iconfont.new-like[data-v-0c68a496]{-webkit-animation:likeAnimation-0c68a496 .5s;animation:likeAnimation-0c68a496 .5s}@-webkit-keyframes likeAnimation-0c68a496{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@keyframes likeAnimation-0c68a496{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}