.comment-wrap .com-box{display:flex;padding:.625rem 0 1rem}.comment-wrap .com-box .com-info{flex:1;padding-left:.625rem}.comment-wrap .com-box .com-info .nickname{line-height:35px;font-family:'AliPH-Medium'}.comment-wrap .com-box .com-info .con{padding:.625rem 0}.comment-wrap .com-box .com-info .con .emoji{width:20px}.comment-wrap .com-box .com-info .img-box{width:120px}.comment-wrap .com-box .com-info .img-box .el-image{border-radius:5px}.comment-wrap .com-box .com-info .com-action{display:flex;justify-content:space-between}.comment-wrap .com-box .com-info .com-action .action-left{color:#9a9a9a}.comment-wrap .com-box .com-info .com-action .action-right{display:flex}.comment-wrap .com-box .com-info .com-action .action-right .btn{color:#6c6c6c;padding:0 .75rem}.comment-wrap .com-box .com-info .com-action .action-right .btn.active .iconfont{color:#E60024}.comment-wrap .com-box .com-info .com-action .action-right .btn .iconfont{margin-right:2px}.comment-wrap .com-box .com-info .comment-input{margin-top:.625rem}.comment-input{display:flex}.comment-input .avatar{margin-right:1.25rem}.comment-input .input-box{flex:1;border:1px solid #efefef;border-radius:5px;padding:0 .625rem}.comment-input .input-box .input{height:45px;line-height:45px}.comment-input .input-box .input .el-input__wrapper{border:none !important;box-shadow:none !important;padding-left:5px}.comment-input .input-box .img{position:relative;width:120px}.comment-input .input-box .img .el-image{border-radius:5px}.comment-input .input-box .img .iconfont{position:absolute;top:5px;right:5px;cursor:pointer;color:#6c6c6c}.comment-input .input-box .input-action{display:flex;justify-content:space-between;border-top:1px solid #efefef;padding:.625rem 0}.comment-input .input-box .input-action .action-left{display:flex}.comment-input .input-box .input-action .action-left .iconfont{cursor:pointer;font-size:22px}.comment-input .input-box .input-action .action-left .upload{margin-right:.625rem}.comment-input .input-box .input-action .action-right .btn{color:#fff;background-color:#003894;padding:.1rem .8rem;margin-top:5px}.comment-filter{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efefef;padding:.625rem 1.25rem}.comment-filter .filter-right{display:flex;background-color:#EFEFEF;border-radius:5px;padding:1px}.comment-filter .filter-right .btn{padding:0 .75rem}.comment-filter .filter-right .btn.active{background-color:#fff}.comment-list{min-height:300px;padding:.625rem 1.25rem 0}.comment-list .comment-item .reply-box{padding-left:50px}.comment-list .comment-item .reply-box .reply-more{display:inline-block;font-size:.875rem;cursor:pointer;border-radius:4px;background-color:#EFEFEF;padding:2px 13px;margin-top:5px}.comment-list .comment-item .reply-box .reply-more .iconfont{font-size:.875rem}.comment-more{text-align:center;color:#6c6c6c;cursor:pointer;border-top:1px solid #efefef;padding:1.25rem 0;margin:0 1.25rem}.emoji-popover .emoji-list{display:grid;grid-template-columns:repeat(9, 1fr)}.emoji-popover .emoji-list .emoji-item{cursor:pointer;padding:5px}.bbs-detail{min-height:350px;padding-top:19px;padding-bottom:4.5rem}.bbs-detail .con-wrap{width:690px;margin:1.25rem auto 0}.bbs-detail .con-wrap .detail-con .title{font-size:24px;font-family:'AliPH-Medium';margin:1.25rem 0}.bbs-detail .con-wrap .detail-con .user-box{display:flex;margin-top:.625rem}.bbs-detail .con-wrap .detail-con .user-box .user-info{flex:1;display:flex;align-items:center}.bbs-detail .con-wrap .detail-con .user-box .user-info a{display:flex}.bbs-detail .con-wrap .detail-con .user-box .user-info .nickname{font-family:'AliPH-Medium';margin-left:6px}.bbs-detail .con-wrap .detail-con .user-box .user-right .btn{width:80px;height:34px;line-height:34px;text-align:center;cursor:pointer;color:#fff;background-color:#003894;border-radius:5px;padding:0}.bbs-detail .con-wrap .detail-con .user-box .user-right .btn .iconfont{font-size:.875rem}.bbs-detail .con-wrap .detail-con .user-box .user-right .btn.active{background-color:#A4ADB3}.bbs-detail .con-wrap .detail-con .rich{display:flex;margin-top:.625rem}.bbs-detail .con-wrap .detail-con .rich img{max-width:100%}.bbs-detail .con-wrap .detail-con .rich .img{position:relative;width:150px;height:100px;border-radius:5px;margin-right:1.25rem}.bbs-detail .con-wrap .detail-con .rich .desc-wrap .desc-box{display:inline}.bbs-detail .con-wrap .detail-con .rich .btn-more{color:#003894;cursor:pointer;margin-left:2px}.bbs-detail .con-wrap .detail-con .file{margin-bottom:.625rem}.bbs-detail .con-wrap .detail-con .file .f-item{display:flex;align-items:center;color:#003894;cursor:pointer;font-size:.875rem;border-radius:2px;padding:0 4px}.bbs-detail .con-wrap .detail-con .file .f-item:hover{background-color:#EFEFEF}.bbs-detail .con-wrap .detail-con .file .f-item:hover .icon-close{display:block}.bbs-detail .con-wrap .detail-con .file .f-item:hover .icon-xuanzhong1{display:none}.bbs-detail .con-wrap .detail-con .file .f-item .info{display:flex;overflow:hidden}.bbs-detail .con-wrap .detail-con .file .f-item .info .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 .625rem}.bbs-detail .con-wrap .detail-con .tags{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.bbs-detail .con-wrap .detail-con .tags .tag{color:#003894;font-size:.875rem;background-color:rgba(0,56,148,0.1);border-radius:.625rem;padding:2px .625rem;margin:0 5px 5px 0}.bbs-detail .con-wrap .detail-con .date{display:inline-block;color:#9a9a9a;margin-top:1.25rem}.bbs-detail .con-wrap .detail-con .opt{display:flex;align-items:center;margin-top:1.25rem}.bbs-detail .con-wrap .detail-con .opt .btn{color:#6c6c6c;padding:0}.bbs-detail .con-wrap .detail-con .opt .btn .iconfont{margin-right:2px}.bbs-detail .con-wrap .detail-con .opt .opt-left{display:flex}.bbs-detail .con-wrap .detail-con .opt .opt-left .btn{color:#003894;background-color:rgba(0,56,148,0.1);padding:1px 16px 1px 9px;margin-right:7px}.bbs-detail .con-wrap .detail-con .opt .opt-left .btn.active{color:#fff;background-color:#003894}.bbs-detail .con-wrap .detail-con .opt .opt-left .btn .iconfont{margin-right:2px}.bbs-detail .con-wrap .detail-con .opt .opt-middle{flex:1;display:flex;justify-content:flex-end}.bbs-detail .con-wrap .detail-con .opt .opt-middle .btn{margin-right:1.25rem}.bbs-detail .con-wrap .detail-con .opt .opt-middle .btn.active .iconfont{color:#E60024}.bbs-detail .con-wrap .detail-con .opt .opt-right{width:70px}.bbs-detail .con-wrap .detail-con .opt .opt-right .btn-more{color:#6c6c6c;cursor:pointer}.bbs-detail .con-wrap .comment-wrap{border-radius:5px;margin-top:1.25rem}.bbs-detail .con-wrap .comment-wrap .comment-box{border:1px solid #efefef;border-radius:5px;margin-top:.625rem}.more-popover .menu-item{display:flex;align-items:center;height:35px;cursor:pointer;padding:0 1.25rem}.more-popover .menu-item:hover{background-color:#EFEFEF}.more-popover .menu-item .iconfont{margin-right:.625rem}.more-popover .menu-item .icon-weixin1{color:#60c84d}