img{vertical-align:middle}

.subject-share-body:after{height:0}

.information-box{position:relative;margin-bottom:1.3rem}
.content-box{margin-top:1rem;text-align:justify;word-wrap:break-word}

/*导航，视频列表*/
.album-nav-fixed-box{position:fixed;top:0;left:50%;right:0;z-index:500;max-width:480px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.album-content-title{margin-bottom:1.2rem}
.album-nav-box{position:relative;padding-top:1.5rem}
.album-nav-box:before{content:"\20";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#F5F5FA}
.album-nav-list{margin:auto;width:57.33333%}
.album-nav{position:relative;padding-bottom:1.1rem}
.album-nav-icon{position:absolute;left:50%;bottom:0;width:33px;height:3px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.album-title{margin-bottom:0.1rem}
.album-list-box{margin-top:1.6rem;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.album-list{margin-bottom:1.2rem;overflow:hidden}
.album-list-image-wrap{position:relative;margin-right:1.3rem;padding:13.11953% 19.6793%;width:0;height:0}
.album-list-image-box{position:absolute;top:0;left:0;right:0;bottom:0}
.album-list-image{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover}
.album-list-periods{margin-right:1rem;padding:0.3rem}
.album-list-title{display:block;margin-bottom:0.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.album-list-content{margin-bottom:0.6rem;height:2.9rem}
.album-list-content-scale{width:108.33333%}
.album-item-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.23) 75%, rgba(0,0,0,0.53) 100%);background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.23) 75%, rgba(0,0,0,0.53) 100%)}
.album-item-time{position:absolute;right:0;bottom:0;padding:0.4rem}
/*导航，视频列表*/

/*视频专辑普通视频和小视频分享*/
.video-channel-common-video-wrap{padding:28% 50%;width:0;height:0}
.video-channel-common-video-box{position:absolute;top:0;right:0;bottom:0;left:0}
/*视频专辑普通视频和小视频分享*/

.article-tags-box{margin-top:0.7rem;margin-bottom:2rem}
.article-tags{margin-right:0.5rem;margin-top:0.5rem;padding:3px 8px;border-radius:2px}
.article-tags-default{color:#fe3f00;background-color:rgba(254,63,0,0.07)}

.eoe-content blockquote{position:relative;margin:2rem 0 2.5rem;padding:1.6rem 1.4rem;background-color:#f7f7f7}
.eoe-content blockquote{margin-top:0;margin-bottom:0;line-height:1.6;color:#666}
.eoe-content blockquote:before{content:'\20';display:inline-block;vertical-align:middle;margin-right:1rem;width:2px;height:6px;background-color:#ef4444;border-radius:2px;box-shadow:4px -2px 0 0 #ef4444;-webkit-transform:rotate(25deg);transform:rotate(25deg)}
.eoe-content h1, .eoe-content h2, .eoe-content h3, .eoe-content h4, .eoe-content h5, .eoe-content h6{margin:2rem 0}
.eoe-content h1{font-size:1.375em}
.eoe-content h2{font-size:1.25em}
.eoe-content h3{font-size:1.125em;color:#333;font-weight:bold}
.eoe-content h4{font-size:1em}
.eoe-content h5{font-size:0.875em}
.eoe-content h6{font-size:0.75em}
.eoe-content .explain{margin-bottom:2rem;font-size:0.666667em;color:#999}
.eoe-dynamic-content{margin-bottom:2rem}

.customer-top-wrap{position:fixed;top:0;right:0;left:50%;max-width:480px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.customer-top-box{margin-bottom:-0.8rem;padding-top:1.5rem;padding-bottom:1.9rem;background-image:url(https://cdnjs.cls.cn/iav/customer-background.png);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.customer-top-avatar-box{margin-bottom:1.5rem}
.customer-top-avatar{margin-right:1.1rem;width:5rem;height:5rem}
.customer-top-avatar-icon{bottom:0;right:-0.3rem;width:1.6rem}
.customer-top-video-icon{margin-left:0.3rem;width:2.2rem}
.customer-top-tag-box{margin-top:0.3rem;padding:0.1rem 0.2rem;border-radius:2px}
.customer-top-description{margin-bottom:1rem;padding:1rem 1.5rem;background-image:-webkit-linear-gradient(133deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 100%);background-image:linear-gradient(133deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 100%);border-radius:8px}
.customer-top-description-content{max-height:9rem;opacity:0.87}
.customer-top-description-content-all{max-height:18rem}
.customer-top-toggle-icon{margin-left:0.5rem;-webkit-transform:scale(1.5, 0.7);transform:scale(1.5, 0.7)}
.customer-top-description-content-all .customer-top-toggle-icon{-webkit-transform:scale(1.5, 0.7) rotate(180deg);transform:scale(1.5, 0.7) rotate(180deg)}
.customer-top-index-box{padding:1.4rem 2rem 1.7rem;border-radius:8px}
.customer-top-index{width:33.33333%}
.customer-top-index-2{width:50%}
.customer-top-index-top{margin-bottom:1rem}
.customer-nav-box{z-index:1000;border-top-left-radius:10px;border-top-right-radius:10px}

.customer-list-box{margin-top:0;z-index:500}
.customer-list{margin-top:1.6rem;margin-bottom:1.6rem;padding-top:0;padding-bottom:1.6rem;border-bottom-width:1px;border-bottom-style:solid}
.customer-list:last-child{margin-bottom:0;border-bottom:none}
.customer-list-avatar-box{margin-bottom:1.4rem}
.customer-list-avatar{margin-right:1.1rem;width:3rem;height:3rem}
.customer-list-avatar-icon{bottom:-0.2rem;right:-0.2rem;width:1.1rem}
.customer-list-text{margin-bottom:1.2rem}
.customer-content-number-box{margin-top:2rem;margin-bottom:0.3rem;text-align:right}
.customer-list-icon-box{margin-left:1.6rem}
.customer-list-icon{margin-right:0.3rem;width:1.4rem}
.customer-list-no-more{}
.customer-list-status{height:0}
.customer-list-status-box{display:none !important}
.multigraph-image-list-more{top:0;right:0;bottom:0;left:0}
.customer-relevant-link{padding-top:23.18884%}
.customer-relevant-wrap{top:0;right:0;bottom:0;left:0}
.customer-list-top-icon{margin-right:0.6rem;width:4.5rem;height:1.6rem}
.customer-list-box .relevant-list{margin-top:1.6rem;margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom-width:1px;border-bottom-style:solid}
.customer-list-box .relevant-list:last-child{padding-bottom:0;border-bottom:none}
.customer-relevant-title-link{margin-bottom:0.6rem;max-height:4.8rem;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.relevant-title-tags{margin-top:0.6rem}
.customer-relevant-title-tag{margin-right:0.8rem;padding:0.2rem 0.4rem;border-radius:2px}
.customer-relevant-image-box{position:relative;margin-left:3.47826%;padding:23.18884% 28.98551% 0 0;width:0;height:0;overflow:hidden}
.relevant-image-link{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
.customer-list-empty{width:10rem;margin-top:6rem;margin-bottom:1.9rem}

.customer-album-list-content-wrap{padding:13.11953% 0}
.customer-album-list-content-box{top:0;right:0;bottom:0;left:0}

.customer-article-title-icon{width:4.5rem;height:1.6rem;margin-top:0.8rem;margin-right:1.5rem}
.customer-article-avatar{margin-right:0.3rem;width:2rem;height:2rem}
.customer-article-name{margin-right:0.4rem}
.customer-article-icon{margin-right:0.9rem;width:4.5rem}

.customer-subject-box{margin-top:1.8rem;margin-bottom:1.6rem}
.customer-subject-avatar{margin-right:0.4rem;width:4rem;height:4rem}
.customer-subject-icon{right:0;bottom:-0.3rem;width:1.5rem}
.customer-subject-name-box{margin-right:2.1rem}
.customer-subject-follow-number-box{margin-left:0.5rem}
.customer-subject-follow{width:6rem;height:2.8rem;border-width:1px;border-style:solid;border-radius:2px}

.customer-album-title{margin-top:1.6rem;margin-bottom:1.8rem}
.customer-comment-box .comment-level1{margin-top:2.6rem;margin-bottom:2.6rem}

.customer-video-top-box{position:fixed;top:0;left:50%;right:0;z-index:1000;max-width:480px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.customer-video-title-icon{width:4.5rem;height:1.6rem;margin-top:0.6rem;margin-right:1.5rem}
.customer-video-list-box{margin-top:calc(56% + 52px + 48px);-webkit-overflow-scrolling:auto}
.customer-video-list{padding-bottom:2rem}

.bottom-tips-box{margin-top:0.8rem;margin-bottom:1.2rem;overflow:hidden;letter-spacing:0.46px}

/*评论*/
.content-list-column-box{padding-top:1.6rem;padding-bottom:1.6rem;border-top-width:10px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}
.comment-user-box{margin-top:2rem;padding-bottom:2rem;border-bottom-width:1px;border-bottom-style:solid}
.comment-user-avatar{margin-right:0.8rem;width:3.5rem;height:3.5rem}
.comment-user-input-box{height:3.5rem;border-radius:4px}
.comment-user-input-reply-box{border-top-right-radius:0;border-bottom-right-radius:0}
.comment-user-input-mask{z-index:1}
.comment-user-input-mask:before{content:"点此登录";position:absolute;top:0;left:1.2rem;font-size:1.4rem;line-height:3.5rem;color:#de0422}
.comment-user-input-mask:after{content:"发表评论";position:absolute;top:0;left:1.2rem;font-size:1.4rem;line-height:3.5rem;color:#999;transform:translateX(100%)}
.comment-user-input-mask-proscription:before{content:"\20"}
.comment-user-input-mask-proscription:after{content:"\20"}
.comment-user-input{padding-left:1.2rem;padding-right:1.2rem;background:none;border:none;outline:none}
.comment-user-input::-webkit-input-placeholder{color:#999}
.comment-user-input::-moz-placeholder{color:#999}
.comment-user-input:-moz-placeholder{color:#999}
.comment-user-input:-ms-input-placeholder{color:#999}
.comment-user-input::input-placeholder{color:#999}
.comment-user-submit{padding-right:0.3rem;padding-left:1.8rem;cursor:pointer}
.comment-user-submit-reply{padding-right:1.3rem;padding-left:1.3rem;height:3.5rem;border-top-right-radius:4px;border-bottom-right-radius:4px}
.comment-toggle-gap{margin-left:0.8rem;margin-right:0.8rem;width:0.1rem;height:1.6rem}
.comment-toggle{cursor:pointer}
.comment-content{word-break:break-all;word-wrap:break-word;white-space:pre-line}
.comment-content-image-box{margin-top:1rem;margin-bottom:1rem;width:10rem;height:10rem}
.comment-content-no-more{margin-top:1.6rem}
.comment-level1{margin-top:2.4rem;margin-bottom:2.4rem;width:100%;border-bottom:1px solid #f5f5f5}
.comment-avatar{margin-right:0.8rem;width:3.5rem;height:3.5rem}
.comment-avatar-level{position:absolute;bottom:-2px;right:-2px;width:15px;height:15px}
.comment-top{position:absolute;top:-2.5rem;left:50%;padding:0.2rem 0.3rem;white-space:nowrap;-webkit-transform:translateX(-50%) scale(0.83333);transform:translateX(-50%) scale(0.83333)}
.comment-information{margin-top:0.2rem;margin-bottom:0.8rem}
.comment-name-level{width:5.6rem;margin-left:0.8rem}
.comment-identity{top:-0.3rem;left:50%;width:3.9rem;max-width:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.comment-text-content{margin-bottom:1rem}
.comment-time-gap{margin-right:0.8rem}
.comment-list-text-close-box{margin-left:0.5rem;padding:0.1rem 0.1rem 0.1rem 0.5rem;border-radius:7px}
.comment-list-text-icon{width:1.4rem;height:1.4rem}
.comment-list-text-icon-close{transform:rotate(180deg)}
.comment-list-text-open + .comment-time-wrap{margin-top:1rem}
.comment-list-text-close + .comment-time-wrap{margin-top:1rem}
.comment-content-image-box + .comment-time-box{margin-bottom:1rem}
.comment-time-box + .comment-user-box{margin-top:1rem;margin-bottom:1.8rem;padding-bottom:0;border-bottom:none}
.comment-text-content + .comment-user-box{margin-top:1rem;margin-bottom:1rem;padding-bottom:0;border-bottom:none}
.comment-like-icon{margin-right:0.4rem;width:12px}
.reply-comment-box{margin-bottom:2rem;padding:0.9rem 1rem;word-break:break-all;word-wrap:break-word}
.reply-comment{margin-bottom:1.1rem;white-space:pre-line}
.reply-comment:last-child{margin-bottom:0}
.reply-comment-time + .comment-user-box{margin-top:0.8rem;padding-bottom:0;border-bottom:none}
.reply-comment-text + .comment-user-box{margin-top:0.8rem;padding-bottom:0;border-bottom:none}
.reply-comment-text .comment-time-wrap{margin-top:1rem}
.reply-comment-more-icon{margin-left:0.5rem}
.reply-comment-button{margin-left:1.8rem;cursor:pointer}
.comment-group-nomore{margin-bottom:2.4rem}
.comment-list-empty{width:11.7rem;margin-top:6rem;margin-bottom:3.1rem}
.comment-popup-button{margin-left:0.8rem;padding-top:0.5rem;padding-bottom:0.5rem}
.comment-popup-button:before{content:"";width:0.4rem;height:0.4rem;background-color:#cecece;border-radius:50%}
.comment-popup-button:after{content:"";width:0.4rem;height:0.4rem;background-color:#cecece;border-radius:50%}
.comment-popup-button-icon{margin-left:0.3rem;margin-right:0.3rem;width:0.4rem;height:0.4rem;border-radius:50%}
.comment-popup-box{top:0;left:0;z-index:1500;max-width:var(--share-max-width);transform:translateX(-50%)}
.comment-popup-mask{top:0;left:0}
.comment-popup-level1-box{bottom:0;left:0}
.comment-popup-copy{padding-top:1rem;padding-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid}
.comment-popup-report{padding-top:1rem;padding-bottom:1rem}
.comment-popup-level2-box{bottom:0;left:0}
.comment-popup-report-1{padding-top:1rem;padding-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid}
.comment-popup-report-2{padding-top:1rem;padding-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid}
.comment-popup-report-3{padding-top:1rem;padding-bottom:1rem}
.comment-popup-cancel{padding-top:1rem;padding-bottom:1rem;border-top-width:8px;border-top-style:solid}

.share-subject-list-status{height:4.4rem}