/*话题分享页样式*/
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;} */
body{font:14px/1.5 微软雅黑;color:#333;}
/* ul{list-style-type:none;} */
input,select,textarea{vertical-align:middle; font:14px 微软雅黑; color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px;}
/* em,i{font-style:normal;} */
/* b{ font-weight:normal;} */
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}


.sortOrder{width:95px;height:82px;position:fixed;background:#fff;border:solid 1px #ebeced;right:5%;top:5px;border-radius:5px;padding:0 5px;z-index: 999;}
.sortOrder b{width:10px;height:4px;background:url(/res/images/share/to_03.png) no-repeat;top:-4px;right:43px;position:absolute}
.sortOrder ul li{height:40px;line-height:40px;font-size:14px;border-bottom:solid 1px #ebeced}
.sortOrder ul li a{display:block;text-align:center}
.sortOrder ul li a:hover{color:#13a1ff}

/*设置字体2016.12.13*/
.feedback{ z-index:2; background:transparent;position: fixed;left: 0;top: 0;height: 100%; width: 100%; opacity:0; visibility:hidden;}
.feedback.is-visible {opacity: 1; visibility: visible;}
.fontSizeBox{ position:absolute; bottom:0; left:0; right:0;width:100%; padding:0 16px 13px; background:rgba(0,0,0,.85);}
.fontSizeBox li{ display:-webkit-box; -webkit-box-align:center; margin-top:20px;}
.fontSizeBox h2{ font-size:15px; color:#FFF; margin-right:25px;}
.fontSizeBox li > div{ -webkit-box-flex:1;width:100%;display: -webkit-box;-webkit-box-align: center;}
.sm-font > * {width:50px; height:33px; }
.mb-sz {margin-right: 15px;text-align: center;border: 1px solid #fff;line-height: 33px;border-radius: 5px;color: #fff;}
.mb-sz.sel {border: 1px solid #e3670d;color: #e3670d;}
.sm-skin > *{width:50px; height:25px; margin-right:8px; border-radius:3px;}
.sm-skin>.sel { border:1px solid #e3670d;}
.mb-ntmd{ background:url(/res/images/share/light.png) 20px center  no-repeat #464d55; background-size:16px auto;}
.ztArtWrap[data-skin=hyl],.mb-skin-hyl{ background: #add0b2;}
.ztArtWrap[data-skin=dyb],.mb-skin-dyb{background:#FFF;}
.ztArtWrap[data-skin=ypz],.mb-skin-ypz{ background:#faf3e3;}
.ztArtWrap[data-skin=ntmd]{ background:#4d4d4d; color:#acacac;}
.ztArtWrap[data-skin=ntmd] .shareBox *{color: #acacac !important;}

a{text-decoration:none;color:#333;}
img{border:0px;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.linkBox {margin-top: 40px;margin-bottom: 40px;}
.linkBox .link{ font-size:14px; color:#0099ff; display:block; text-align:right;margin-right: 10px;}
.linkBox .link2{ font-size:14px; color:#0099ff; display:block; text-align:left;margin-left: 10px;}

/* editText start */
.shareCon iframe.attach-insertLive{width:100%;height: 111px;margin:5px 0;}
.shareCon iframe.attach-insertErrorannex{width:100%;height: 50px;margin:5px 0;}
#share_attr{display: none}
ol iframe, ul iframe {
    margin-left: -30px!important;
}
.field {
    width: 100%!important;
}
.table{width: 100%;max-width: 100%;overflow-x: auto;}
table{margin-bottom: 10px;border-collapse: collapse;display: table;}
table th,table td{min-width: 70px;border: solid 1px #ebebeb;padding:5px 10px;}
                                                                                                                                                                                .errorPage{padding-top: 30vh; display: none;}
.errorPage img{display: block; width: 50px; height: 50px; margin: 0 auto 20px;}
.errorPage p{font-size: 16px; line-height: 22px; color: #666666; text-align: center;}
.returnPlace{display: none; height: 44px}
.returnDiv{display: none; height: 44px; position: fixed; top: 0px; width: 100%; left: 0; background: #ffffff; z-index: 10;}
.return {
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(/res/images/share/leftArrowIcon.png);
    background-size: 24px auto;
    display: inline-block;
    position: absolute;
    left: 12px;
}


/*评论样式2019.12.27*/
.commentWrap{max-width: 800px;margin:0 auto;display: none;}
.grayLine{height: 8px;background: #F5F6F8;}
.commentList{padding:0 15px;}
.commentListTop{border-radius: 2px; border: 1px solid #CCCCCC; padding: 0 2px; height: 16px; line-height: 14px; text-align: center; font-size: 12px; color: #B3B3B3; display: inline-block; vertical-align: middle;position: relative;top: -1px;margin-left:7px}
.commentNav{height: 40px;line-height: 40px;font-size:15px; color: #A7A8B4;;position: relative;}
.commentNav:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;-webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;background-color:#EBEBEB;}
.commentUl .gray{color:#999;margin-bottom: 8px;}
.commentUl .replaytext{margin: 0 8px;margin-bottom: 8px;display: inline-block}
.commentUl li {width: 100%; padding:15px 0 12px;position: relative;}
.commentUl li:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;-webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;background-color:#EBEBEB;}
.commentUl .imgLogo{width:40px;height: 40px;border-radius: 3px;overflow: hidden;background: #e7e8e7;}
.commentUl .imgLogo img{display: block;width:100%;height: 100%;}
.commentLib{padding-left:50px;}
.commentLib .lib_box{height: 40px;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.commentLib .lib_tit{font-size:16px;color:#666;line-height: 23px;}
.commentLib .lib_value{font-size:13px;color:#999; line-height: 20px}
.commentLib .replycontent{margin-top:7px;font-size:17px;line-height: 24px;color:#666;word-break: break-word;}
.commentLib .replycontent:empty,.replyImgList:empty,.replyreplyContent:empty{display: none}
.replyImgList{  overflow: hidden; }
.replyImg{position: relative;float: left; width: 156px; height: 156px; margin-right: 12px; margin-bottom: 16px; margin-top: 0; overflow: hidden; }
.commentLib .replyImg:before{content: '';position: absolute;top: 0;left: 0;right:0;bottom:0;width: 200%;height: 200%;-webkit-transform: scale(0.5);-webkit-transform-origin: left top;transform: scale(0.5);transform-origin: left top;border:1px solid #D9D9D8;box-sizing:border-box;}
.commentLib .replyImg img{ position: absolute; top: 0;left: 0; display: block;width:100%; height: 100%; object-fit: cover;}
.commentLib .replyreplyContent{font-size:14px;color:#666;word-break: break-word;padding:20px 24px 10px; border-bottom: 1px solid #E6ECF5;}
.commentLib .replyreplyContent:last-child{border-bottom: none}
.commentLib .replyreplyContentList .replyreplyContent:first-child{margin-top: 20px;}
.commentLib .replyreplyContentList {background-color: #F7F8FA; border: 1px solid #E6ECF5; border-radius: 4px;}
.commentLib .replyreplyContentList:empty{display: none}
.commentLib .picBox{margin-top:10px; padding: 0 10px;}
.commentLib .picBox .img{width:32%;height:1.76rem;margin-right: 2%;overflow: hidden;float: left;position:relative;}
.commentLib .picBox .img:before{content: '';position: absolute;top: 0;left: 0;right:0;bottom:0;width: 200%;height: 200%;-webkit-transform: scale(0.5);-webkit-transform-origin: left top;transform: scale(0.5);transform-origin: left top;border:1px solid #DEDFDE;box-sizing:border-box;}
.commentLib .picBox .img img{display: block;width:100%;height: 100%; padding-top: 0; margin-top: 0}
.commentLib .picBox .img:nth-child(3n){margin-right:0;}
.commentLib .picBox .img:nth-child(3):after{content: "";width:28px;height: 12px;position: absolute;right:0;bottom: 0;background: url(/res/images/share/img_more.png) right bottom/28px auto no-repeat;}
.pullUp{height: 40px;line-height: 40px; margin-bottom: 5px; font-size: 14px;text-align: center;color: #b3b3b3;}
/*附件样式*/
.appendix{
    display: flex;
    background-color: #F5F7FC;
    margin-top: 10px;
    justify-content: space-between;
    border-radius: 4px;
    margin-bottom: 16px;
}
.appendix>a{
    display:block;
    width:80%;
    height:100%;
    padding:8px 12px;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    min-height: 74px;
}
.appendix span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:12px 12px;
    color: #6B89B3;
    font-size: 14px;
}
.appendix span a{
    color: #6B89B3;
    font-size: 14px;
    cursor: pointer;
}
.appendix span a:hover{
    color: #ACBFD9;
}
.appendix .imgDiv{
    width:50px;
    height:50px;
    margin:2px 10px 2px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    overflow: hidden;
}
.appendix .voiceImg{
	background-image: url(/res/images/share/icon_att_voice.png);
	background-repeat: no-repeat; 
	background-size: auto 50px;
	background-position: -100px 0;
}
.animate .voiceImg{-webkit-animation: ani 0.5s steps(3) infinite;}
@-webkit-keyframes ani{from {background-position: 0 0}to {background-position: -150px 0}}
.appendix .imgDiv img{
    width:100%;
    height:100%;
    display:block;
}
.appendix .textDiv{ 
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    flex:1;
    width: 100%;
} 
.appendix .textDiv h4{
    font-size: 16px;
    color:#333;
    line-height: 22px;
	max-height:44px;
    display:-moz-box;
    display:-webkit-box;
    display:box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.appendix .textDiv p{
    font-size: 11px;
    color:#999;
    line-height: 16px; 
    max-height: 32px;
    margin-top: 2px;
    display:-moz-box;
    display:-webkit-box;
    display:box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.appendix .textDiv .tag{
    display:inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 12px;
    width:26px; 
    height:16px;
    line-height: 16px;
    text-align: center;
    background:#5aaaf8;
    color:#fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    margin-bottom: 10px;
}
.appendix .textDiv em{
	display: inline-block;
    vertical-align: top;
    transform: scale(0.8);
    font-style: normal;
}
.smallFize .textDiv h4{
    font-size: 15px;
}
.noSupport a{
    min-height: 50px;
}
.noSupport .textDiv{
    /* min-height: 31px; */
}
.noSupport .textDiv h4{
    font-size: 12px;
    color:#999;
}
.smallIcon .imgDiv img{
    width:auto;
    height:auto;
    max-width: 30px;
    max-height: 30px;
}
.areaIcon{
    display:inline-block;
    vertical-align: top;
    width:10px;
    height:14px; 
    margin-top: 1px;
    margin-right: 5px;
}
.liveBox a{ 
    display:block;
    padding: 0 0;
    position:relative;
}
.liveBox{   
    position:relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow:visible;
}
.liveBox::after{
    display:block;
    content:"";
    width:200%;
    height:200%;
    box-sizing:border-box;
    border:1px solid #ebebeb;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5);
         -o-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    position:absolute;
    left:0;
    top:0; 
    right:0;
    bottom: 0;
    z-index: 9;   
} 
.liveBox .liveBg{
    padding: 13px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.liveBox .live{
    width:100%;
    height:22px;
    line-height: 22px;
    padding:0 10px;
    overflow: hidden;
    
}
.liveBox .imgDiv{
    width:36px;
    height:36px;
    min-width: 36px; 
    margin: 1px 10px 1px 0;
}
.liveBox .textDiv{
    min-height: 36px;
}
.liveing .liveBg{
    background:#0099ff;
}
.lived .liveBg{
    background:#f4f5f6;
}
.playback .liveBg{
    background:#fff;
}
.liveing .textDiv h4,
.liveing .textDiv p{
    color:#fff;
}
.liveBox .live p{
    font-size:11px;
    color:#999;
}
.liveBox .live p.fl{
    float: left;
}
.liveBox .live p.fr{
    float: right;
    padding-right: 15px;
    background:url(/res/images/share/arrowfr.png) right center no-repeat;
    -o-background-size: auto 10px;
    -ms-background-size: auto 10px;
    -moz-background-size: auto 10px;
    -webkit-background-size: auto 10px;
    background-size: auto 10px;
}
.liveing .live{
    background:#fff;
}
.lived .live{
    background:#fff;
} 
.playback .live{
    background:#f4f5f6;
}
.oneLine h4{
    display: block;
    white-space: nowrap;
}
.oneLine p{
    display: block;
    white-space: nowrap;
}
.oneLine p.mainTxt{
    font-size:12px;
    white-space: normal;
    line-height: 16px;
    max-height: 32px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.oneLine p .blue{
    font-weight: normal;
    color:#0099ff;
}
.redPacket{
    background:#fa9d3b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.redPacket .imgDiv img{
    width:auto;
    height:39px;
}
.redPacket .textDiv h4,
.redPacket .textDiv p{
    color:#fff;
}

.groupAppendix a{
    padding: 12px 12px;
}
.groupAppendix .imgDiv{
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 10px 0 0;
}
.groupAppendix .textDiv{
    min-height: 50px;
}
.groupAppendix .textDiv .tag{
    margin-bottom: 5px;
} 
.groupAppendix .groupchatImg{overflow:hidden; display: block;background-color: #dddee0; position: relative;}
.groupAppendix .groupchatImg img{width:100%; height:100%;}
.groupAppendix .groupImg1 img{width:100%; height:100%;}
.groupAppendix .groupImg2 img,.groupAppendix .groupImg3 img,.groupAppendix .groupImg4 img{position:absolute;width:24px; height:24px;}
.groupAppendix .groupImg2 img:nth-of-type(1){top:50%; left:0;margin-top:-12px;}
.groupAppendix .groupImg2 img:nth-of-type(2){right:0; top:50%;margin-top:-12px;}
.groupAppendix .groupImg3 img:nth-of-type(1){top:0; left:50%; margin-left:-12px;}
.groupAppendix .groupImg3 img:nth-of-type(2){left:0; bottom:0;}
.groupAppendix .groupImg3 img:nth-of-type(3){right:0; bottom:0;}
.groupAppendix .groupImg4 img:nth-of-type(1){left:0; top:0;}
.groupAppendix .groupImg4 img:nth-of-type(2){right:0;top:0;}
.groupAppendix .groupImg4 img:nth-of-type(3){left:0;bottom:0;}
.groupAppendix .groupImg4 img:nth-of-type(4){right:0;bottom:0;}

.filterText{ height: 30px; line-height: 30px; margin-top: 10px; text-align: center; background: #F8F9FA; font-size: 14px; color: #B3B3B3;}

@media screen and (min-width: 212px){html{font-size:28.4px}}
@media screen and (min-width: 319px){html{font-size:42.67px}}
@media screen and (min-width: 359px){html{font-size:48px}}
@media screen and (min-width: 374px){html{font-size:50px}}
@media screen and (min-width: 383px){html{font-size:51.2px}}
@media screen and (min-width: 399px){html{font-size:53.2px}}
@media screen and (min-width: 414px){html{font-size:55.2px}}
@media screen and (min-width: 423px){html{font-size:56.53px}}
@media screen and (min-width: 479px){html{font-size:64px}}
@media screen and (min-width: 539px){html{font-size:72px}}
@media screen and (min-width: 639px){html{font-size:85.33px}}

/*2022-2-21 新版分享页评论*/
.tag-group{overflow: hidden; margin-top: 15px;}
.tag-group .tag-item{ float: left; display: inline-block; padding: 0 10px; margin-right: 10px; font-size: 12px; line-height: 24px; color: #666; background: rgba(51, 51, 51, 0.06); border-radius: 12px; }
@media screen and (min-width: 690px){
    body{background: #F2F4F7; padding: 0 0 30px 0;}
    .shareBox,.commentWrap{max-width: 1200px; margin: 0 auto; background: #FFFFFF;box-shadow: 0px 2px 17px rgba(239, 239, 239, 0.5); border-radius: 8px;}
    .shareBox{padding: 26px 30px 30px; margin-bottom: 16px;}
    .shareAuthor{color: #474C59}
    #share_attr{display: none}
    .grayLine{display: none}
    .commentNav{height: 60px; line-height: 60px; padding: 0 30px; color: #8A8B99}
    .commentNav:after{display: none}
    .commentList{padding: 0;}
    .commentUl li{padding: 20px 30px 14px; border-bottom: solid 1px #F2F2F2;}
    .commentUl li:after{display: none;}
    .commentUl .imgLogo{width: 36px; height: 36px; border-radius: 50%;}
    .commentLib{padding-left: 46px; padding-top: 8px}
    .commentLib .lib_box { display: block;height: auto}
    .commentLib .lib_tit{color: #474C59; font-size: 14px;line-height: 20px;margin-bottom: 6px}
    .commentLib .lib_value{font-size: 12px; color: #8A8B99; margin-bottom: 16px;}
    .commentLib .replycontent{color: #181E33; font-size: 14px; margin:0; margin-bottom: 16px; }
    .commentLib .replyreplyContent{margin-top: 0;}
    .replyImgList{  overflow: hidden; }
    .replyImg{float: left; width: 156px; height: 156px; margin-right: 12px; margin-bottom: 16px; margin-top: 0; }
    .tag-group .tag-item{ height: 22px; font-size: 12px; line-height: 22px; }
    .filterText{margin: 0 30px; margin-top: 20px; height: 40px;line-height: 40px; color: #8A8B99;}
    .pullUp{height: 70px;line-height: 60px;padding-bottom: 10px;color: #8A8B99;}
    .commentListTop{height: 20px; margin-right: 10px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #FFFFFF;  border-radius: 4px; background: #8FB4DE;}
    .appendix a{padding: 16px;}
    .appendix .imgDiv{width: 42px; height: 42px; margin-right: 14px;}
    .appendix .textDiv h4{color: #131B26; font-size: 14px; margin-bottom: 4px; line-height: 20px;}
    .appendix .textDiv p{font-size: 12px;color: #8A8B99}
}
/*移动端*/
@media only screen and (max-width: 690px){
    .shareBox{padding:15px 15px;max-width: unset; margin: 0 auto;}
    .shareAuthor{margin-bottom: 15px;}
    .replyImgList{margin-top: 3px;}
    .replyImg{ position: relative; width: calc(33% - 5px); margin-top: 7px; margin-bottom: 0; margin-right: 7px; height: 0;padding-top: calc(33% - 5px);}
    .replyImg:nth-child(3n){ margin-right: 0; }
    .replyImg img{position: absolute; top: 0; left: 0; }
    .topic_interactive,.share_info .score, .share_info .praise,.commentNav .sortDiv{display: none}
}

.share_title{
    font-size: 18px;
    color: #181E33;
    line-height: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
}

.share_info{
    font-size: 14px;
    color: #181E33;
    line-height: 22px;
    margin-bottom: 20px;
}
.share_title>span,.share_info>span{display: inline-block;vertical-align: middle}
.topic_title{font-weight: bold}
.share_info>span.name{margin-right: 10px}
.tag { display: inline-block; vertical-align: middle; height: 20px; margin-left: 10px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #FFFFFF; border-radius: 4px; }

.tag.blue { background: #8FB4DE; }

.tag.red { background: #DE8F8F; }

.tag.yellow { background: #EDAF69; }

.share_info .author_avatar { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 50%; margin-right: 10px; cursor: pointer;}
.share_info .role { display: inline-block; vertical-align: middle; height: 18px; line-height: 16px; padding: 0 8px; font-size: 10px; color: #DA7F1B; border: 1px solid #EDAF69; border-radius: 10px; margin-right: 10px; }

.share_info .role.blue { border: 1px solid #75ADFF; color: #3A8BFF; }
.share_info .classNameInfo,.share_info .time {
    color: #8A8B99;
    font-size: 12px;
    vertical-align: middle;
    max-width: 598px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
}
.share_info .score,.share_info .praise{margin-left: 20px; min-width: 40px;}
.share_info .score span,.share_info .praise span { display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 14px; color: #91A0B5; }
.share_info .score i,.share_info .praise i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../../images/share/topic_interactive.png) no-repeat;background-size: 32px auto; }
.share_info .praise i { background-position: 0 0; }
.share_info .score i { background-position: 0 -32px; }
.share_info .praise.active i { background-position: -16px 0; }
.share_info .praise.active span { color: #3A8BFF; }
.share_info .score.active i { background-position: -16px -32px; }
.share_info .score.active span { color: #FAAF43; }

.commentNav > * { display: inline-block; vertical-align: middle;}
.replyCount { font-size: 14px; color: #8A8B99; margin-right: 10px;}
.replyCount b { font-weight: bold;}
.commentNav .sortDiv { position: relative; margin-right: 10px;}
.commentNav .sortDiv .sortBtn { height: 40px; line-height: 40px;  cursor: pointer;}
.commentNav .sort { position: relative; display: inline-block; width: 20px; height: 20px; top: 5px; margin-left: 10px; margin-right: 4px; background-image: url(../../images/share/sortup.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; }
.commentNav .sort:hover { opacity: 0.7; }
.commentNav .sortDiv .sortBtn span { color: #6B89B3; font-weight: normal; }
.commentNav .sortDiv .sortPop { display: none; position: absolute; min-width:104px; white-space: nowrap; right: 0; top: 38px; padding: 6px 0; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75); border-radius: 6px; line-height: 40px; color: #474C59; z-index: 2; }
.commentNav .sortDiv .sortPop p { padding: 0 20px; }
.commentNav .sortDiv .sortPop p:hover, .commentNav .sortDiv .sortPop p.active { background: #F5F8FB; color: #3B90FF; cursor: pointer; }
.commentNav .sortDiv:hover .sortBtn { opacity: 0.7; }
.commentNav .sortDiv:hover .sortPop { display: block; }
.commentNav .wordcloud { color: #6B89B2; cursor: pointer;}
.commentNav .wordcloud i {  display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 7px; background: url(../../images/share/cloudword.png) center right / 16px auto no-repeat; }
.commentNav .wordcloud:hover {opacity: 0.7;}

.lib_value .time{margin-left: 10px;}
.replyreplyContent .time{font-size: 12px; margin:10px 0;}

.topic_interactive { float: right; height: 20px; line-height: 20px; }
.topic_interactive .like, .topic_interactive .comment, .topic_interactive .price { float: left; min-width: 60px; text-align: right; padding-right: 10px; }
.topic_interactive .price { position: relative; }
.topic_interactive span { display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 14px; color: #91A0B5; }
.topic_interactive .likeIcon, .topic_interactive .commentIcon, .topic_interactive .priceIcon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../../images/share/topic_interactive.png) no-repeat;background-size: 32px auto; }
.topic_interactive .likeIcon { background-position: 0 0; }
.topic_interactive .commentIcon { background-position: 0 -16px; }
.topic_interactive .priceIcon { background-position: 0 -32px; }
.topic_interactive .like.active .likeIcon { background-position: -16px 0; }
.topic_interactive .like.active span { color: #3A8BFF; }
.topic_interactive .price.active .priceIcon { background-position: -16px -32px; }
.topic_interactive .price.active span { color: #FAAF43; }

.attachmentList{margin-bottom: 10px;}