@charset "utf-8";

/* 评论组件 */
.i-collected, .i-liked {color: #ff832d;}
.i-comment {display: inline-block;background: url('../../images/icon/i_comment.png') no-repeat left/18px;padding-left: 20px;line-height: 21px;}
.i-delete {display: inline-block;background: url('../../images/icon/i_delete.svg') no-repeat left/14px;padding-left: 16px;line-height: 21px;}

.comment-list {margin: 15px 10px !important;padding: 10px !important;}
.comment-list li {margin-top: 10px !important;}
.comment-list li:first-child {margin-top: 0 !important;}
.comment-list li img {float: left;margin-right: 10px;width: 32px;height: 32px;}
.comment-list li span {font-size: 15px;}
.comment-list li span.name {color: #424984;}

/* comment adjust (2022-09-29)*/
/* 2022-12-29 LI */
.comment-wrapper .comment-bar {margin: 20px 10px 0; justify-content: center !important; font-size: 15px; font-weight: normal; color: #748192;;}
.comment-wrapper .comment-bar span {color: black;}
.comment-wrapper .comment-list {margin: 20px auto !important}
.comment-wrapper .comment-list .top-item .big-avatar {width: 32px !important; height: 32px !important;}
.comment-list-content .bottom-reply .comment-input form {width: 100% !important;}

/**** dynamic ***/
.dynamic-info .comment-card {background: #F7FAFF;margin-top: 20px;padding: 10px 20px;}
.dynamic-info .comment-card > .comment-line:first-child {margin-top: 0;}
.dynamic-info .comment-line {position: relative;margin-top: 20px;}
.dynamic-info .reply-item {display: flex;align-items: flex-start;}
.dynamic-info .reply {display: flex;align-items: center;white-space: nowrap;color: #999;cursor: pointer;}
.dynamic-info .reply img {opacity:0.5;margin-right: 4px}

.dynamic-info .delete {display: flex;align-items: center;font-size: 12px;font-family: Microsoft YaHei;font-weight: normal;color: #999999;margin-left: auto;min-width: auto}
.dynamic-info .delete img {opacity:0.5;}

.dynamic-info .reply .reply-text img {margin-right: 5px;opacity: 0.5;}
.dynamic-info .red {color: #FF1414;}
.dynamic-info .blue {color: #5092FF;}
.dynamic-info .grey {color: #999999;}
.dynamic-info .reply-text {cursor: pointer;text-align: center;min-width: 28px;position: absolute;right: 0;display: flex;}

.dynamic-info .button-wrapper{display: flex;justify-content: center;width: 100%;padding: 20px 0;}
.dynamic-info .button-wrapper .button{width: 100px;height: 36px;background: #5092FF;border-radius: 2px;font-size: 16px;font-weight: normal;color: #FFFFFF;margin-left: 10px;cursor: pointer;line-height: 36px;text-align: center;}
.dynamic-info .button-wrapper .cancel-button{background-color: #EEEEEE;color: #666666;text-align: center;}
.dynamic-info .comment-node,
.dynamic-info .comment-input {display: none;}
.dynamic-info .comment-input textarea {width: 100%;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 2px;margin-top: 20px;outline: none;padding: 10px;}
.dynamic-info .comment-button-wrapper {justify-content: flex-end;padding-bottom: 0;}
.dynamic-info .comment-button-wrapper .button {width: 70px;height: 30px;font-size: 14px;line-height: 30px;}

.dynamic-info .comment-input .textarea-tip {font-size: 12px;font-family: Microsoft YaHei;font-weight: normal;color: #999999;width: 100%;text-align: right;}
.dynamic-info .icon {width: 12px;height: 12px;line-height: 12px;display: inline-block;cursor: pointer;background-repeat: no-repeat;background-position: center;}

/**/
.comment-bar {margin-top: 20px;display: flex;justify-content: flex-end;}
.comment-bar .button-item {display: flex;align-items: center;color: #333;cursor: pointer;font-size: 14px;margin-right: 10px;}
.comment-bar .button-item .icon {width: 16px;height: 16px;margin-right: 4px;cursor: pointer;opacity: 0.6;}
.icon.icon-collect {background-image: url('../../../assets/icon_shoucang_n.png');}
.icon.icon-collected {background-image: url('../../../assets/star.png'); background-size: 17px}
.icon.icon-like {background-image: url('../../../assets/icon_dianzan_n.png'); background-size: 17px}
.icon.icon-liked {background-image: url('../../../assets/thumb.png'); background-size: 17px}
.icon.icon-comment {background-image: url('../../../assets/icon_common_pinglun.png');background-size: 16px}
.icon.icon-delete-blue {background-image: url('../../../assets/delete_blue.png');}

/* comment */
.comment-card.fold .comment-item, 
.comment-card .comment-item .child-list.fold .comment-line {display: none;}
.comment-card.fold .comment-item:first-child,
.comment-card .comment-item .child-list.fold .comment-line:first-child {display: block;}
.comment-card .comment-item > .child-list {padding-left: 12px;}
.comment-card .reply-content {width: calc(100% - 40px);margin-right: 20px;font-size: 14px;}
.comment-card .comment-button-action {display: flex; margin-top: 10px;}
.comment-card .comment-button-action > div {margin-left: -10px;padding: 6px 10px 0;font-family: Microsoft YaHei;font-size: 13px;font-weight: 500;color: #bebebe;cursor: pointer;}
.comment-card .comment-button-action > div.load-more.loading {padding-right: 20px;background: url('../../../images/loading.gif') no-repeat right 8px / 16px;margin-right: 10px;	}

/**/
.full-view .swiper-button-prev::after,
.full-view .swiper-button-next::after {content: unset;}
.full-view .swiper-button-prev,
.full-view .swiper-button-next {width: 28px; height: 41px; padding: 5px; background-size: initial; background-repeat: no-repeat; background-position: center; display: none;}
.full-view .swiper-button-prev {background-image: url('../../../images/icon/i_left.svg');}
.full-view .swiper-button-next {background-image: url('../../../images/icon/i_right.svg');}
.full-view .swiper-container .swiper-button-disabled {pointer-events: unset;}

/**/
.full-view {display: none;position: fixed !important;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;background: black;z-index: 999999 !important;}
.full-view .swiper-wrapper {height: calc(100% - 70px); margin-top: 50px;}
.full-view .swiper-wrapper img {cursor: pointer;}
.full-view .swiper-pagination {top: 1em;bottom: auto !important;color: #fff;width: 100%;font-size: 16px;}

.full-view:hover .swiper-button-prev,
.full-view:hover .swiper-button-next {display: block;}
.full-view .swiper-button-disabled {pointer-events: unset;}
.full-view .close-view {top: 10px;right: 10px;position: absolute;z-index: 11;width: 30px;height: 30px;background: url('../../../images/icon/i_close.png') center/30px no-repeat;cursor: pointer;}

/**/
.n-resize {cursor: n-resize;}
.ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
