.comment[data-v-faf8496c]{background:#fff}.comment .title[data-v-faf8496c]{display:flex;align-items:center;font-size:15px;color:#262626;font-weight:700;border-bottom:1px solid #eee}.comment .title text[data-v-faf8496c]{padding-bottom:10px;line-height:normal}.comment .title .count[data-v-faf8496c]{padding-bottom:10px;font-size:15px;color:#999;margin-left:5px;line-height:normal}.comment .item[data-v-faf8496c]{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;background-size:14px 2px;background-repeat:repeat-x;background-position:bottom}.comment .item[data-v-faf8496c]:last-child{border-bottom:0}.comment .item .avatar[data-v-faf8496c]{flex-grow:0;flex-shrink:0;margin-right:10px}.comment .item .avatar img[data-v-faf8496c]{margin-right:8px;width:60px;height:60px;border-radius:50%}.comment .item .comment-info[data-v-faf8496c]{flex-grow:1;flex-shrink:1}.comment .item .comment-info .nickname-like[data-v-faf8496c]{display:flex;justify-content:space-between}.comment .item .comment-info .nickname-like .nickname[data-v-faf8496c]{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#292929;line-height:22px;font-size:14px}.comment .item .comment-info .nickname-like .like[data-v-faf8496c]{display:flex;align-items:flex-end;justify-content:space-between}.comment .item .comment-info .nickname-like .like img[data-v-faf8496c]{width:20px;height:20px;margin:0 4px 0 24px}.comment .item .comment-info .nickname-like .like .like-count[data-v-faf8496c]{color:#292929;font-size:16px;line-height:16px}.comment .item .comment-info .comment-desc[data-v-faf8496c]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#585858;line-height:18px}.comment .item .comment-info .bookName[data-v-faf8496c]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#53539d;line-height:18px}.comment .item .comment-info .date-reply[data-v-faf8496c]{display:flex;justify-content:space-between;padding:16px 0}.comment .item .comment-info .date-reply .avatar[data-v-faf8496c]{flex-grow:0;flex-shrink:0;margin-right:10px}.comment .item .comment-info .date-reply .avatar img[data-v-faf8496c]{margin-right:8px;width:60px;height:60px;border-radius:50%}.comment .item .comment-info .date-reply .avatar .nickname-like[data-v-faf8496c]{display:flex;justify-content:space-between}.comment .item .comment-info .date-reply .avatar .nickname-like .nickname[data-v-faf8496c]{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#292929;line-height:22px;font-size:14px}.comment .item .comment-info .date-reply .avatar .nickname-like .like[data-v-faf8496c]{display:flex;align-items:center;justify-content:space-between}.comment .item .comment-info .date-reply .avatar .nickname-like .like img[data-v-faf8496c]{width:20px;height:20px;margin:0 8px 0 24px}.comment .item .comment-info .date-reply .avatar .nickname-like .like .like-count[data-v-faf8496c]{color:#292929;font-size:16px;line-height:16px}.comment .item .comment-info .reply-count[data-v-faf8496c]{display:flex;background:#f2f2f2;padding:8px 12px 6px;font-size:14px;color:#585858;line-height:18px}.comment .item .comment-info .reply-count img[data-v-faf8496c]{margin-left:3px;width:10px;height:10px}.comment .no-comment[data-v-faf8496c]{text-align:center;padding:20px 0;color:#999;font-size:15px}.comment-bar[data-v-faf8496c]{position:fixed;bottom:0;left:0;width:100%;padding:0 20px;height:60px;background-color:#fff;box-shadow:0 1px 1px 1px rgba(0,0,0,.3);display:flex;flex-direction:row}.comment-bar .input[data-v-faf8496c]{flex-grow:0;flex-shrink:0;margin:10px 0;display:flex;align-items:center;background:#f2f2f2;width:100%;border-radius:20px}.comment-bar .input .text[data-v-faf8496c]{margin-left:20px}.comment-bar .operate[data-v-faf8496c]{width:100%;flex-grow:1;flex-shrink:1;display:flex;justify-content:space-around;align-items:center;margin-right:5px}.comment-bar .operate div[data-v-faf8496c],.comment-bar .operate navigator[data-v-faf8496c]{display:flex;justify-content:space-around;align-items:center;width:25%}.comment-bar .operate div img[data-v-faf8496c],.comment-bar .operate navigator img[data-v-faf8496c]{width:23px;height:23px}.comment-bar .operate .info[data-v-faf8496c],.comment-bar .operate .like[data-v-faf8496c]{position:relative}.comment-bar .operate .info .count[data-v-faf8496c],.comment-bar .operate .like .count[data-v-faf8496c]{position:absolute;top:-8px;right:-2px;background-image:linear-gradient(140deg,#bee7e9 9%,#8cc7b5 75%);display:flex;align-items:center;border-radius:25px;padding:0 5px;font-size:11px;color:#fff;height:15px;line-height:15px}.comment-bar .operate .share[data-v-faf8496c]{display:flex;justify-content:space-around;padding:0;background:transparent}.comment-bar .operate .share img[data-v-faf8496c]{width:23px;height:23px;border:0}.comment-bar .operate .share[data-v-faf8496c]:after{display:none}.add-comment[data-v-faf8496c]{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:9999}.add-comment .info[data-v-faf8496c]{display:flex;flex-direction:row;padding:10px}.add-comment .info .input[data-v-faf8496c]{flex-grow:1;flex-shrink:1;display:flex;align-items:center;background:#f2f2f2;border-radius:20px;padding:10px 16px 10px;line-height:normal}.add-comment .info .input textarea[data-v-faf8496c]{width:100%;font-size:16px;line-height:21px;background:#f2f2f2}.add-comment .info .add[data-v-faf8496c]{flex-grow:0;flex-shrink:0;width:75px;display:flex;align-items:center;margin-left:5px}.add-comment .info .cancel[data-v-faf8496c]{position:absolute;right:5px;top:1}.add-comment .info .cancel[data-v-faf8496c] .icon{font-size:20px;color:#ccc}