.dynamic-tabbar_wrapper {padding: 0 18px;border-bottom: 1px solid #eee;}
.dynamic-tabbar_wrapper li {position: relative;float: left;padding: 16px 0;}
.dynamic-tabbar_wrapper li a {display: block;line-height: 100%;font-size: 14px;}
.dynamic-tabbar_wrapper li:first-child {margin-right: 50px;}
.dynamic-tabbar_wrapper li.active {border-bottom: 2px solid #ff2129;}
.dynamic-tabbar_wrapper li.active:after {border-top-color: #ff2129;}
.dynamic-tabbar_wrapper li:after {content: "";position: absolute;left: 50%;margin-left: -5px;bottom: -12px;width: 0;height: 0;border: 5px solid transparent;}
.dynamic-list_wrapper .dynamic-list_item {margin-bottom: 15px;padding: 15px;background-color: #fff;}
.publisher-message_wrapper .publisher-head {float: left;width: 30px;height: 30px;border-radius: 15px;object-fit: cover;border: 1px solid #ddd;box-sizing: border-box;}
.publisher-message_wrapper ul {float: left;margin-left: 10px;font-size: 14px;}
.publisher-message_wrapper ul .mp-messgae span {float: left;}
.publisher-message_wrapper ul .mp-messgae .publisher-name {line-height: 100%;}
.publisher-message_wrapper ul .mp-messgae .publisher-name .auth-logo {float: right;height: 10px;margin-left: 5px;margin-top: 2px;}
.publisher-message_wrapper ul .mp-messgae .spearate {margin: 0 10px;width: 1px;height: 14px;background: -webkit-linear-gradient(#fff, #828a92, #fff);background: -o-linear-gradient(#fff, #828a92, #fff);background: -moz-linear-gradient(#fff, #828a92, #fff);background: linear-gradient(#fff, #828a92, #fff);}
.publisher-message_wrapper ul .mp-messgae .slogan {color: #828a92;line-height: 100%;}
.publisher-message_wrapper ul .pub-dtime {font-size: 12px;line-height: 100%;margin-top: 4px;color: #828a92;}
.publisher-message_wrapper .dynamic-operation_wrapper {position: relative;float: right;z-index: 1;}
.dynamic-operation_wrapper .operation-trigger {display: block;margin: 11px 0;cursor: pointer;}
.dynamic-operation_wrapper .dynamic-operation_menu {position: absolute;left: -35px;top: 30px;width: 80px;background-color: #fff;box-shadow: 0px 0px 8px 1px rgba(148, 148, 148, 0.21);border-radius: 2px;transform: scaleY(0);opacity: 0;transform-origin: 50% 0 0;transition: transform .2s ease 0s, opacity .2s ease 0s;color: #333;}
.dynamic-operation_wrapper .dropdown {transform: scaleY(1);opacity: 1;transition: transform .2s ease 0s, opacity .2s ease 0s;}
.dynamic-operation_menu .operation-item {display: block;text-align: center;line-height: 36px;border-bottom: 1px solid #eee;cursor: pointer;font-size: 14px;}
.dynamic-operation_menu .operation-item.operated {color: #aaa;}
.dynamic-operation_menu .operation-item.focused {color: #aaa;}
.dynamic-operation_menu .operation-item:last-child {border-bottom: none;}
.dynamic-operation_menu .operation-item:hover {color: #347ffe;}
.dynamic-list_item .dynamic-title {font-size: 16px;line-height: 100%;margin-top: 20px;}
.dynamic-list_item .dynamic-brief {font-size: 14px;line-height: 26px;margin-top: 14px;color: #333;white-space: inherit;}
.dynamic-list_item .dynamic-brief.fold {height: 52px;}
.dynamic-list_item .unfold-btn {display: inline-block;font-size: 14px;color: #347ffe;line-height: 100%;cursor: pointer;}
.dynamic-list_item .unfold-btn label {cursor: pointer;}
.dynamic-list_item .unfold-btn .rotate {transform: rotate(-180deg);}
.dynamic-list_item .unfold-btn .arrow {float: right;margin-left: 5px;margin-top: 5px;}
.dynamic-theme_wrapper {margin-top: 12px;}
.dynamic-theme_wrapper .theme-item {float: left;margin-right: 10px;line-height: 100%;color: #347ffe;font-size: 13px;}
.dynamic-theme_wrapper .theme-item label {font-size: 14px;font-weight: bold;padding-right: 5px;}
.dynamic-theme_wrapper .theme-item:last-child span {display: none;}
.relevance-content_wrapper {margin-top: 15px;border-radius:10px;overflow: hidden;}
.relevance-content_wrapper .article-wrapper .article-cover {width: 106px;height: 78px;float: left;border: 1px solid #e5e5e5;border-radius: 4px 0 0 4px;box-sizing: border-box;object-fit: cover;}
.relevance-content_wrapper .article-wrapper ul {float: left;padding: 18px 15px;width: 534px;background-color: #f6f6f6;}
.relevance-content_wrapper .article-wrapper ul .article-title {font-size: 14px;line-height: 100%;}
.relevance-content_wrapper .article-wrapper ul .article-brief {height: 12px;font-size: 12px;line-height: 100%;margin-top: 16px;color: #5c636b;}
.relevance-content_wrapper .article-wrapper ul .article-brief a {color: #347ffe;}
.relevance-content_wrapper .document-wrapper .document-cover {padding: 24px 39px;height: 28px;float: left;border: 1px solid #e5e5e5;border-radius: 4px 0 0 4px;}
.relevance-content_wrapper .document-wrapper .right-content {float: right;width: 565px;background-color: #f6f6f6;}
.relevance-content_wrapper .document-wrapper ul {float: left;margin: 18px 0 18px 15px;width: 460px;}
.relevance-content_wrapper .document-wrapper ul .document-title {font-size: 14px;line-height: 100%;}
.relevance-content_wrapper .document-wrapper ul .document-brief {font-size: 12px;line-height: 100%;margin-top: 16px;color: #5c636b;}
.relevance-content_wrapper .document-wrapper ul .document-brief span {float: left;margin-right: 40px;}
.relevance-content_wrapper .document-wrapper .download-btn {float: right;margin: 33px 20px 33px 0;line-height: 100%;font-size: 12px;color: #347ffe;}
.relevance-content_wrapper .link-wrapper .link-cover_wrapper {width: 60px;height: 60px;float: left;border: 1px solid #e5e5e5;border-radius: 2px;box-sizing: border-box;text-align: center;line-height: 56px;}
.relevance-content_wrapper .link-wrapper .link-cover_wrapper .link-cover {max-width: 58px;max-height: 58px;vertical-align: middle;}
.relevance-content_wrapper .link-wrapper ul {float: left;padding: 9px 15px;width: 580px;background-color: #f6f6f6;}
.relevance-content_wrapper .link-wrapper ul .link-title {font-size: 14px;line-height: 100%;}
.relevance-content_wrapper .link-wrapper ul .link-brief {font-size: 12px;line-height: 100%;margin-top: 16px;color: #5c636b;}
.relevance-content_wrapper .link-wrapper ul .link-brief a {color: #347ffe;}
.relevance-content_wrapper .audio-play_container {position: relative;height: 66px;}
.relevance-content_wrapper .audio-play_container .tip {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);color: #fff;text-align: center;line-height: 66px;}
.relevance-content_wrapper .video-wrapper {position: relative;height: 376px;}
.relevance-content_wrapper .video-wrapper video {display: block;outline: none;}
.relevance-content_wrapper .video-wrapper .tip-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.relevance-content_wrapper .video-wrapper .tip-wrapper .play-logo {display: block;margin: 145px auto 0;}
.relevance-content_wrapper .video-wrapper .tip-wrapper .tip {margin-top: 20px;color: #fff;line-height: 100%;text-align: center;}
.relevance-content_wrapper .multiple-wrapper {margin: -4px;}
.relevance-content_wrapper .img-wrapper img {cursor: pointer;}
.relevance-content_wrapper .img-wrapper .single {display: block;max-width: 670px;max-height: 200px;}
.relevance-content_wrapper .img-wrapper .multiple {float: left;margin: 5px;width: 214px;height: 100px;object-fit: cover;}
.dynamic-list_item .dynamic-operation-btn_wrapper {margin-top: 15px;padding-top: 10px;border-top: 1px solid #f4f4f4;}
.dynamic-list_item .dynamic-operation-btn_wrapper li {float: left;width: 230px;line-height: 16px;color: #c6c6c6;text-align: center;font-size: 14px;cursor: pointer;}
.dynamic-list_item .dynamic-operation-btn_wrapper li:first-child {width: 220px;text-align: left;}
.dynamic-list_item .dynamic-operation-btn_wrapper li:last-child {width: 220px;text-align: right;}
.dynamic-list_item .dynamic-operation-btn_wrapper li .logo {position: relative;top: 2px;height: 15px;margin-right: 5px;}
.dynamic-list_item .dynamic-operation-btn_wrapper li[is-praise="1"] {color: #ff2129}
.dynamic-list_item .dynamic-operation-btn_wrapper li.share-number {position: relative;}
.dynamic-operation-btn_wrapper li.share-number .share-operation_wrapper {position: absolute;right: -25px;top: -50px;padding: 0 5px;background-color: #fff;box-shadow: 0 3px 8px 0 rgba(35, 24, 21, .2);border-radius: 4px;display: none;}
.dynamic-operation-btn_wrapper li.share-number .share-operation_wrapper .triangle {width: 0;height: 0;border: 7px solid transparent;border-top-color: #ddd;position: absolute;content: "";left: 47px;bottom: -15px;}
.dynamic-operation-btn_wrapper li.share-number .share-operation_wrapper .triangle:after {width: 0;height: 0;border: 6px solid transparent;border-top-color: #fff;position: absolute;content: "";left: -6px;bottom: -4px;}
.dynamic-operation-btn_wrapper li.share-number .share-operation_wrapper a {float: left;margin: 10px 5px;}
.dynamic-operation-btn_wrapper li.share-number .share-operation_wrapper a img {display: block;}
.dynamic-list_item .no-login-operation_wrapper {margin-top: 15px;padding-top: 10px;border-top: 1px solid #f4f4f4;}
.dynamic-list_item .no-login-operation_wrapper a {float: left;width: 230px;line-height: 16px;color: #c6c6c6;text-align: center;font-size: 14px;cursor: pointer;}
.dynamic-list_item .no-login-operation_wrapper a:first-child {width: 220px;text-align: left;}
.dynamic-list_item .no-login-operation_wrapper a:last-child {width: 220px;text-align: right;}
.dynamic-list_item .no-login-operation_wrapper a .logo {position: relative;top: 2px;height: 15px;margin-right: 5px;}
.dynamic-list_item .comment-container {margin-top: 20px;padding: 20px;background-color: #f6f6f6;display: none;}
.dynamic-list_item .comment-container .head {width: 30px;height: 30px;border: 1px solid #eee;box-sizing: border-box;border-radius: 15px;object-fit: contain;}
.dynamic-list_item .comment-container .comment-input_wrapper {float: right;width: 580px;}
.comment-container .comment-input_wrapper .comment-input {display: block;width: 560px;height: 40px;padding: 10px;border: none;outline: none;line-height: 20px;font-size: 14px;resize: none;}
.comment-container .comment-input_wrapper .comment-tool_bar {padding: 10px 0;}
.comment-container .comment-input_wrapper .comment-tool_bar li {float: right;}
.comment-container .comment-input_wrapper .comment-tool_bar li.emotion {position: relative;float: left;cursor: pointer;}
.comment-container .comment-input_wrapper .comment-tool_bar li.emotion img {display: block;}
.comment-tool_bar li.emotion .comment-emotions_wrapper {position: absolute;top: 30px;left: -10px;z-index: -1;width: 434px;padding: 30px 15px 15px;border: 1px solid #e5e5e5;background: #fff;border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);transform: translateY(-20px); opacity: 0;transition: all .3s ease 0s;}
.comment-tool_bar li.emotion .comment-emotions_wrapper.fadeInTop {z-index: 10;transform: translateY(0); opacity: 1;transition: all .3s ease 0s;}
.comment-emotions_wrapper .triangle {width: 0;height: 0;border: 7px solid transparent;border-bottom-color: #ddd;position: absolute;content: "";left: 12px;top: -15px;}
.comment-emotions_wrapper .triangle:after {width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;content: "";left: -6px;top: -4px;}
.comment-emotions_wrapper .emotion {float: left;margin-left: -1px;margin-top: -1px;width: 30px;height: 30px;border: 1px solid #eee;text-align: center;line-height: 30px;font-size: 20px; cursor: pointer;}
.comment-emotions_wrapper .emotion:hover {position: relative;z-index: 9;border-color: #f8c97b;}
.comment-emotions_wrapper .close-btn {position: absolute;right: 10px;top: 5px;width: 20px;cursor: pointer;}
.comment-tool_bar li .publish-comment_btn {float: right;width: 66px;height: 22px;line-height: 20px;background-color: #ff2129;border-radius: 2px;outline: none;border: none;font-size: 12px;color: #fff;cursor: pointer;}
.comment-tool_bar li .is-async_wrapper {float: left;padding: 4px 30px 4px 0;font-size: 12px;line-height: 14px;color: #828a92;cursor: pointer;}
.comment-tool_bar li .is-async_wrapper input {margin-right: 10px;width: 14px;height: 14px;float: left;}
.comment-list_wrapper .comment-item {padding: 20px 0;border-bottom: 1px solid #eee;}
.comment-content_wrapper .head {float: left;}
.comment-content_wrapper .right {float: right;width: 580px;}
.comment-content_wrapper .right span {display: inline-block;font-size: 14px;line-height: 24px;}
.comment-content_wrapper .right span.level {position: relative;top: -1px;margin-right: 8px;width: 50px;height: 12px;background: url(../images/level-bg.png) no-repeat center;text-align: center;line-height: 12px;color: #e0922f;font-size: 12px;}
.comment-content_wrapper .right span.level img {float: left;margin-left: 22px;margin-top: 2px;}
.comment-content_wrapper .right span.comment-content {display: inline;}
.comment-list_wrapper .comment-item  .reply-wrapper {margin-top: 12px;padding-left: 50px;}
.comment-item .reply-wrapper .operation span {font-size: 13px;line-height: 100%;}
.comment-item .reply-wrapper .reply-time {float: left;color: #828a92;}
.comment-item .reply-wrapper .reply-btn {float: right;color: #347ffe;cursor: pointer;}
.comment-item .reply-wrapper .delete-comment_btn {float: right;margin-right: 20px;color: #828a92;cursor: pointer;display: none;}
.comment-item:hover > .reply-wrapper .delete-comment_btn {display: block;}
.comment-item .second-comment_wrapper .item:hover .delete-comment_btn {display: block;}
.comment-item .reply-wrapper .delete-comment_btn:hover {color: #347ffe;}
.comment-list_wrapper .comment-item  .reply-wrapper .comment-input_wrapper {margin-top: 15px;background-color: #fff;}
.reply-wrapper .comment-input_wrapper .comment-tool_bar {padding: 10px;border-top: 1px solid #f4f4f4;}
.second-comment_wrapper {margin-left: 50px;background-color: #eaeaec;}
.second-comment_wrapper .item {margin: 0 15px;padding: 10px 0 15px;border-top: 1px solid #d9d9d9;}
.second-comment_wrapper .item:first-child {border-top: none;}
.second-comment_wrapper .item .second-comment-content_wrapper {display: inline-block;}
.second-comment_wrapper .item span.comment-content {display: inline;font-size: 14px;line-height: 24px;}
.second-comment_wrapper .item .second-comment-content_wrapper span {display: inline-block;font-size: 14px;line-height: 24px;}
.second-comment_wrapper .item .second-comment-content_wrapper span.name {color: #347ffe;}
.second-comment_wrapper .item .second-comment-content_wrapper span.level {position: relative;top: -1px;margin-right: 8px;width: 50px;height: 12px;background: url(../images/level-bg.png) no-repeat center;text-align: center;line-height: 12px;color: #e0922f;font-size: 12px;}
.second-comment_wrapper .item .second-comment-content_wrapper span.level img {float: left;margin-left: 22px;margin-top: 2px;}
.second-comment_wrapper .item .second-comment-content_wrapper span.comment-content {display: inline;}
.second-comment_wrapper .item .reply-wrapper {padding-left: 0;}
.second-comment_wrapper .item  .reply-wrapper .comment-input_wrapper {width: 550px;float: none;}
.second-comment_wrapper .item .comment-input_wrapper .comment-input {width: 530px;}
.second-comment_number {margin-left: 50px;background-color: #eaeaec;}
.second-comment_number a {font-size: 12px;display: block;line-height: 100%;padding: 15px;border-top: 1px solid #d9d9d9;color: #347ffe;}
.comment-container .watch-more_btn {display: block;margin: 15px auto 0;width: 120px;font-size: 12px;text-align: center;color: #828a92;}
.loading-tip {display: block;padding: 5px 0;text-align: center;font-size: 14px;line-height: 20px;color: #ccc;}
.loading-tip img {display: block;margin: 0 auto;}
.empty {padding: 300px 0;background-color: #fff;}
.empty img {display: block;margin: 0 auto;}
.draggable-mask {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1004;background: rgba(0, 0, 0, 0.6);display: none;}
.draggable-mask .number-show {display: block;width: 200px;margin: 10px auto 0;text-align: center;color: #fff;font-size: 16px;line-height: 30px;position: relative;z-index: 999;}
.draggable-img {position: absolute;cursor: all-scroll;transform: scale(1, 1) rotateZ(0deg);}
.tool-bar-wrapper {width: 100%;position: absolute;bottom: 10px;left: 0;z-index: 999;}
.tool-bar {width: 184px;padding: 5px 10px;margin: auto;background: rgba(255, 255, 255, 0.3);border-radius: 25px;}
.tool-bar span{float: left;padding: 0 13px;cursor: pointer;}
.tool-bar span img {display: block;width: 20px;}
.photo-close {position: absolute;top: 10px;right: 10px;color: #fff;cursor: pointer;}
.loading {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.navigation li {position: absolute;top: 50%;font-size: 30px;color: #fff;margin-top: -15px;cursor: pointer;list-style: none;}
.navigation li.last {left: 20px;}
.navigation li.next {right: 20px;}
/*点赞动画*/
:root {--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}
.animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes tada {
    0% {-webkit-transform: scaleX(1);transform: scaleX(1)}
    10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);transform: scale3d(.9, .9, .9) rotate(-3deg)}
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(3deg);transform: scale3d(1.2, 1.2, 1.2) rotate(3deg)}
    40%, 60%, 80% {-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg);transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg)}
    to {-webkit-transform: scaleX(1);transform: scaleX(1)}
}
@keyframes tada {
    0% {-webkit-transform: scaleX(1);transform: scaleX(1)}
    10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);transform: scale3d(.9, .9, .9) rotate(-3deg)}
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(3deg);transform: scale3d(1.2, 1.2, 1.2) rotate(3deg)}
    40%, 60%, 80% {-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg);transform: scale3d(1.2, 1.2, 1.2) rotate(-3deg)}
    to {-webkit-transform: scaleX(1);transform: scaleX(1)}
}
.animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animate__tada {-webkit-animation-name: tada;animation-name: tada}
/*微信分享弹窗样式*/
.szy-qrcode_wrapper {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1003;background-color: rgba(255, 255, 255, 0.7);display: none;}
.szy-qrcode_inner {width: 360px;height: 360px;border: 1px solid rgba(0, 0, 0, .1);position: absolute;background-color: #fff;border-radius: 4px;top: 50%;left: 50%;margin-top: -180px;margin-left: -180px;padding: 10px;box-sizing: border-box;}
.szy-qrcode_inner .icon-close {position: static;display: block;float: right;color: #333;font-size: 20px!important;cursor: pointer;width: 24px;}
.szy-qrcode_inner .title {text-align: center;font-weight: bold;width: 240px;margin: auto;font-size: 18px;line-height: 28px;}
.szy-qrcode_inner #qrcode {width: 200px;margin: 30px auto 0;}
.szy-qrcode_inner #qrcode img {width: 100%;}