.comment-box{padding:30px}.comment-box .write-comment{text-align:center}.comment-box .write-comment .comment-text{width:100%;height:100px;padding:20px;border-radius:5px;font-size:16px;background-color:#f4f4f4;border:none;transition:all 0.3s}.comment-box .comments h2{font-size:20px;font-weight:bold;margin-top:30px;margin-bottom:10px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.comment-box .comments h2 .comment-count{color:#bbb;font-weight:normal}.comment-box .comments .load-more{margin-top:40px}.comment-box .comments .comment-item{border-bottom:1px solid #f0f0f0;padding:30px 0;display:flex}.comment-box .comments .comment-item .avatar{flex:1;max-width:70px;min-width:70px}.comment-box .comments .comment-item .avatar img{width:70px;height:70px;border-radius:50%}.comment-box .comments .comment-item .detail{flex:auto;margin-left:20px}.comment-box .comments .comment-item .detail .sender{font-weight:bold;font-size:16px}.comment-box .comments .comment-item .detail .sender .name{margin-right:10px}.comment-box .comments .comment-item .detail .sender .time{color:#bbb}.comment-box .comments .comment-item .detail .content{font-size:18px;line-height:30px;margin-top:10px}.comment-box .comments .comment-item .detail .actions{margin-top:15px;text-align:right}.comment-box .comments .comment-item .detail .actions .action{color:#999;font-size:18px;margin-left:40px}.comment-box .comments .comment-item .detail .actions .action:hover{color:#FF734D}.comment-box .comments .comment-item .detail .actions .action .ext-icon{font-size:22px;line-height:22px;vertical-align:middle}.comment-box .comments .comment-item .detail .replys{background-color:#f4f4f4;padding:0 30px;border-radius:5px;font-size:20px;line-height:28px;margin-top:40px;margin-bottom:30px;position:relative}.comment-box .comments .comment-item .detail .replys::before{content:'';top:-10px;left:30px;position:absolute;border-bottom:10px solid #f4f4f4;border-left:10px solid transparent;border-right:10px solid transparent}.comment-box .comments .comment-item .detail .replys .reply-item{display:flex;padding:30px 0}.comment-box .comments .comment-item .detail .replys .reply-item:not(:first-child){border-top:1px dotted #e2e2e2}.shares{border-top:1px solid #e8e8e8;padding:30px;padding-bottom:0;display:flex;margin-top:50px}.shares .column-1{flex:1}.shares .column-1 .explain{font-size:14px;margin-bottom:15px}.shares .column-1 .share-ways .way{margin-right:40px;display:inline-block;font-size:48px;width:48px;height:48px;line-height:48px}.shares .column-1 .share-ways .way .wx{color:#20BC30}.shares .column-1 .share-ways .way .wb{color:#FF513E}.shares .column-1 .share-ways .way .qq{color:#55B5EF}.shares .column-1 .share-ways .way :hover{color:#333}.shares .column-2{flex:1;text-align:right}.shares .column-2 .actions .action{font-size:20px;color:#999;margin-left:50px}.shares .column-2 .actions .action .ext-icon{font-size:24px;vertical-align:middle;line-height:24px}.shares .column-2 .actions .action:hover{color:#FF734D}.shares .column-2 .actions .action.active{color:#FF734D}.shares .column-2 .actions .action::before{margin-right:3px;font-family:'iconfont';font-size:24px;line-height:27px;display:inline-block}.shares .column-2 .actions .action[data-action="feedback"]::before{content:'\e61f'}.shares .column-2 .actions .action[data-action="favorite"]::before{content:'\e666'}.shares .column-2 .actions .action[data-action="favorite"].active::before{content:'\e6ca'}