body {background-color: #eeedf2;}
.page-wrapper {width: 1200px;margin: auto;}
.page-wrapper .dynamic {background-color: #0182bb;}
.page-wrapper .page-content-wrapper {display: flex;justify-content: space-between;width: 100%;margin-top: 10px;}
.page-wrapper .page-content-wrapper > .left-wrapper {width: 220px;}
.page-wrapper .page-content-wrapper > .right-wrapper {width: 960px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper {width: 100%;min-height: 100%;padding: 20px;border: 1px solid #D8D7DC;background: #fff;margin-bottom: auto;/* common *//* title */}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .no-message {padding: 30% 0;text-align: center;font-size: 18px;color: #8a8a8a;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .n-resize {cursor: n-resize;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .red {color: #FF1414;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .blue {color: #5092FF;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grey {color: #999;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .title {font-size: 16px;color: #037DBC;font-weight: bold;position: relative;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .title > .btn-view-all {position: absolute;right: 4px;font-size: 14px;font-weight: normal;color: #037DBC;border-radius: 4px;padding: 2px 6px;background: #eee;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon {display: inline-block;width: 12px;height: 12px;line-height: 12px;cursor: pointer;background: url("") no-repeat center;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-collect {background-image: url("../../assets/icon_shoucang_n.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-collected {background-image: url("../../assets/star.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-like {background-image: url("../../assets/icon_dianzan_n.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-liked {background-image: url("../../assets/thumb.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-comment {background-image: url("../../assets/icon/icon_pinglun.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .icon.icon-delete-blue {background-image: url("../../assets/delete_blue.png");}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item {display: flex;margin-top: 25px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-logo {width: calc(100% - 760px);text-align: center;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-logo img {border-radius: 50%;width: 80px;height: 80px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail {width: 700px;border-bottom: 1px solid #D8D7DC;padding-bottom: 20px;margin-right: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-name {font-size: 17px;margin-top: 15px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-time {margin-top: 10px;font-size: 13px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-time span {color: #999;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-describe {font-size: 14px;margin-top: 10px;line-height: 20px;text-align: justify;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-image-list {margin-top: 25px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-image-list li {display: inline-block;margin-right: 20px;margin-bottom: 10px;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-image-list li img {width: 100px;height: 100px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item .item-detail .d-image-list li:nth-child(6n) {margin-right: 0;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .dynamic-item:last-child .item-detail {border-bottom: 0;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-bar {margin-top: 20px;display: flex;justify-content: right;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-bar .button-item {min-width: 25px;display: flex;align-items: center;margin-left: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-bar .button-item .icon {width: 16px;height: 16px;margin-right: 4px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input {display: none;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node textarea, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input textarea {width: 100%;background: white;border: 1px solid #eee;border-radius: 2px;margin-top: 20px;outline: none;padding: 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node .textarea-tip, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input .textarea-tip {font-size: 12px;font-family: Microsoft YaHei;font-weight: normal;color: #999;width: 100%;text-align: right;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node .button-wrapper, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input .button-wrapper {display: flex;justify-content: flex-end;width: 100%;margin-top: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node .button-wrapper .button, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input .button-wrapper .button {width: 70px;height: 30px;background: #5092FF;border-radius: 2px;font-size: 14px;font-weight: normal;color: white;margin-left: 10px;cursor: pointer;line-height: 30px;text-align: center;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-node .button-wrapper .button.cancel-button, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-input .button-wrapper .button.cancel-button {background-color: #eee;color: #666;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card {background: #F7FAFF;margin-top: 20px;padding: 10px 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card > .comment-line:first-child {margin-top: 0;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card.fold .comment-line, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .child-list.fold .comment-line {display: none;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card.fold .comment-line:first-child, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .child-list.fold .comment-line:first-child {display: block;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line {position: relative;margin-top: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .reply {position: absolute;top: 2px;right: 0;font-size: 12px;display: flex;justify-content: right;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .reply span {margin-left: 5px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .reply span.reply-text {color: #5092FF;cursor: pointer;text-align: center;min-width: 28px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line .reply-content {width: calc(100% - 120px);text-align: justify;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-line > .child-list {padding-left: 12px;border-left: 1px solid #E4E6E9;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-button-action {display: flex;margin-top: 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .comment-card .comment-button-action > div {margin-left: -10px;padding: 6px 10px 0;font-size: 14px;font-family: Microsoft YaHei;font-weight: normal;color: #999;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .dynamic-content-wrapper .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 */
.full-view {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: black;z-index: 999999;}
.full-view:hover .swiper-button-prev,
.full-view:hover .swiper-button-next {display: flex;}
.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 .swiper-button-disabled {pointer-events: unset;}
.full-view .swiper-button-prev,
.full-view .swiper-button-next {display: none;width: 32px;height: 32px;background: gray;border-radius: 50%;}
.full-view .swiper-button-prev::after,
.full-view .swiper-button-next::after {content: '';}
.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;}