/*notice_list*/
.notice_list { }
.notice_list .notice_list_item { padding: 30px 0px; display: flex; overflow: hidden; box-sizing: border-box; background: var(--white); position: relative; border-bottom: 1px solid var(--gray-d); }
.notice_list_item .avatar { width: 48px; }
.notice_list_item .avatar img { vertical-align: middle; width: 48px; height: 48px; border-radius: 50%; }
.notice_list_item .messageContent { margin-left: 20px; flex: 1 1 0%; }
.notice_list_item .messageContent .authorName { margin-top: 2px; color: var(--gray-c); }
.notice_list_item .messageContent.look .authorName { margin-top: 2px; color: var(--gray3); }
.notice_list_item .messageContent .authorName .messageUser { font-weight: 600; margin-right: 10px; cursor: pointer; }
.notice_list_item .messageContent .authorName .messageTime { margin-left: 14px; font-size: 12px; }
.notice_list_item .messageContent .contentBox { margin-top: 6px; }
.notice_list_item .messageContent .contentBox .msgTitle { color: var(--gray9); }
.notice_list_item .messageContent.look .contentBox .msgTitle { color: var(--gray3); }
.notice_list_item .messageContent .contentBox .msgTitle:hover { color: var(--yellow-b); }
.User_notice { font-size: 14px; color: var(--gray3); margin: 20px 0; }
.User_notice .n-title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; }
.User_notice .avatar { width: 60px; margin-right: 20px; }
.User_notice .avatar img { vertical-align: middle; width: 60px; height: 60px; border-radius: 50%; }
.User_notice .n-title .h1 { width: 100%; line-height: 34px; font-size: 18px; color: var(--gray0); margin-bottom: 5px; }
.User_notice .n-title .info { width: 100%; line-height: 20px; font-size: 13px; color: var(--gray9); }
.User_notice .n-title .info em { margin-right: 5px; }
.User_notice .n-body { padding: 20px 80px 20px 80px; line-height: 28px; }
/*发出的评论列表*/
.spllist { margin: 0 0 15px; }
.spllist li { zoom: 1; margin: 10px 0 0; padding: 15px 20px 15px 80px; border-bottom: solid #eee 1px; line-height: 22px; word-break: break-all; word-wrap: break-word; position: relative; }
.spllist li:hover { background: var(--bg-gray-f5); }
.spllist li .User-pic { width: 50px; height: 50px; position: absolute; left: 10px; top: 20px; }
.spllist li .User-pic img { display: block; width: 50px; height: 50px; border-radius: 50%; }
.spllist .quote { color: var(--gray3); }
.spllist .quote a:hover { color: var(--yellow-b); }
.spllist .anchor, .spllist .time { color: var(--gray9); font-size: 12px; margin-top: 2px; }
.spllist .anchor { margin-top: 10px; font-size: 12px; }
.spllist .anchor a { color: var(--gray6); }
.spllist .anchor a:hover { color: var(--yellow-b); }
.spllist .anchor .litimg { display: inline-block; width: 16px; height: 15px; margin: -2px 6px 0 0; _margin: 0 6px 5px 0; background-position: -320px -156px; vertical-align: middle; overflow: hidden; }
.spllist li .trash { position: absolute; right: 20px; top: 50px; margin-top: -10px; display: none; }
.spllist li:hover .trash { display: block; }
.CTab { width: 100%; /*padding: 10px 0px 10px 10px;*/ display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; background: var(--white); }
.CTab .Item { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: inline-block; line-height: 20px; font-weight: 400; cursor: pointer; border-radius: 0px; margin: 15px 0; padding: 0 15px; border-right: 1px solid #eee; position: relative; }
.CTab .Item:last-child { border-right: 0; }
.CTab .current, .CTab a:hover { color: rgb(255, 115, 0); }
.CTab .Item .msg-count { position: absolute; display: inline-block; top: -2px; right: 0px; width: 16px; height: 16px; line-height: 16px; border-radius: 8px; font-size: 12px; text-align: center; color: var(--white); background-color: #ff5448; cursor: pointer; pointer-events: none; }
/*收到回复列表*/
.reply-list { margin-top: 15px; overflow: hidden; zoom: 1; }
.reply-list li { margin-bottom: 20px; overflow: hidden; zoom: 1; color: var(--gray9); display: flex; }
.reply-list .reply-pic { width: 50px; height: 50px; margin-right: 20px; }
.reply-list .reply-pic img { display: block; width: 50px; height: 50px; border-radius: 50%; }
.reply-list .reply-con { padding: 10px 15px; background: var(--bg-gray-f5); position: relative; border-radius: 5px; width: calc(100% - 70px) }
.reply-list .reply-con::before { content: ' '; display: block; width: 16px; height: 16px; background: var(--bg-gray-f5); position: absolute; top: 20px; left: -8px; margin-bottom: -4px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate( 45deg ); -moz-transform: rotate(45deg); }
.reply-list .reply-con .jt-icon { display: inline-block; width: 12px; height: 22px; position: absolute; top: 15px; left: -12px; overflow: hidden; }
.reply-list .reply-con .xin-icon { display: block; width: 16px; height: 14px; float: right; margin-top: 5px; background-position: -17px 0; }
.reply-list .reply-con .bq-icon, .bq-icon { display: inline-block; width: 15px; height: 15px; float: left; background-position: -55px 0; }
.bq-icon { margin-top: 8px; }
.reply-list .reply-con .v-icon { display: inline-block; width: 10px; height: 15px; margin-left: 2px; background-position: -39px 6px; background-position: -39px 2px\9; }
.reply-list .reply-con { line-height: 26px; font-size: 12px; }
.reply-list .reply-con .NickName { margin-bottom: 15px; font-size: 14px; }
.reply-list .reply-con .replay-w { line-height: 20px; word-break: break-all; word-wrap: break-word; }
.reply-list .reply-con .replay-w > a { margin-top: 10px; display: block; }
.reply-list .reply-con .replay-left { display: inline-block; font-size: 12px; }
.reply-list .reply-con span img { position: relative; margin-top: -5px\9; }
.reply-list .reply-con .come-article a { color: var(--gray6); }
.reply-list .reply-con .come-article a:hover { color: var(--yellow-b); }
.reply-list .replay-left a { color: var(--gray6); }
.reply-list .replay-left a:hover { color: var(--gray3); }
.reply-list .reply-con a.blacklink { color: #595757; }
.reply-list .reply-con a.blacklink:hover, .reply-list .reply-con a.redlink:hover, .reply-list .reply-con a.graylink:hover, .reply-pop-text .reply-pop-bg a.blacklink:hover { color: var(--yellow-b); }
.reply-list .reply-con a.redlink { color: var(--gray6); }
.reply-list .reply-con a.graylink { color: var(--gray9); margin: 0 5px; }
.reply-list .reply-con .mta { position: absolute; top: 10px; right: 20px; }
.reply-list .reply-con .fr { float: right; }
.reply-list .reply-con .reply-texta { width: 423px; height: 78px; padding: 5px; margin-top: 8px; font-size: 12px; color: var(--gray6); background: #ffffff; border: solid 1px #bfc8d9; }
.reply-list .reply-con .reply-btn, .reply-list .reply-con .reply-btn:visited { display: inline-block; width: 42px; height: 18px; line-height: 18px; float: right; margin-top: 1px; background: #8192b7; border: solid 1px #435792; color: #ffffff; text-align: center; }
.reply-list .reply-con .reply-btn:hover { color: #ffffff; text-decoration: none; }
.reply-list .reply-con .reply-margin { margin: 10px 0 5px; }
.reply-list .reply-con .mla { margin-left: 5px; }
.reply-list .reply-con .reply-border { line-height: 20px; margin-top: 11px; padding: 7px 0 3px; border-top: solid 1px var(--gray-c); ccc;
overflow: hidden; zoom: 1; word-break: break-all; word-wrap: break-word; }
.reply-list .reply-con span img { position: relative; margin-top: -5px\9; }
.reply-list .reply-con .sb_btn_ing { margin: 0; }
.new-icon { display: inline-block; width: 20px; height: 15px; margin: 0 0 0 5px; background-position: -16px 0; position: relative; top: 3px; top: 0px\9; }
.reply-list .mpub .mini_pub_text { width: 100%; outline: none; border: 1px solid var(--gray-c); ; }
.reply-con .pob { line-height: 36px; margin-top: -36px; }
.reply-con .pob a { padding: 5px 10px 5px 25px; color: var(--gray9); font-size: 12px; }
.reply-con .pob a:hover { color: #f33a11; }
.reply-con .pob .fastre i { font-size: 16px; }
.reply-con .answer { margin: 10px 0; background: var(--bg-gray-f5); border: 0px solid #e8e8e8; position: relative; border-radius: 4px; display: none; }
.reply-con .answer .hf-box { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.reply-con .answer .hf-box .input_limit { margin-top: 10px; font-size: 12px; color: var(--gray9); line-height: 30px; }
.reply-con .answer .comment_box { width: 100%; background-color: var(--white); outline: 0px; color: var(--gray6); padding: 5px 10px; resize: none; font-size: 14px; border-radius: 4px; border: 0px solid #e8e8e8; display: block; overflow-y: auto !important; position: relative; }
/*私信对话框*/
.rightPanel { min-height: 500px; }
.privateLetter { display: flex; }
/*私信对话框-left*/
.privateLetterLeft { -webkit-box-flex: 1; flex-grow: 1; }
.privateLetterLeft .privateLetterTitle { height: 60px; line-height: 60px; padding: 0px 30px; text-align: center; border-bottom: 1px solid var(--gray-e); }
.privateLetterLeft .privateLetterTitle .btnBack { float: left; background: url(../images/larrow.png) 0px 26px no-repeat; width: 8px; height: 60px; cursor: pointer; vertical-align: middle; }
.privateLetterLeft .privateLetterTitle .detailTitle { text-align: center; margin: 0px auto; display: inline-block; font-weight: 600; }
.privateLetterLeft .privateLetterTitle .detailTitle span { font-weight: normal; }
.privateLetterLeft .privateLetterTitle .tipBox { height: 50px; float: right; position: relative; }
.privateLetterLeft .privateLetterTitle .tipBox .fa { display: block; width: 16px; height: 16px; float: right; margin-top: 24px; cursor: pointer; color: var(--gray9); }
.privateLetterLeft .privateLetterTitle .tipBox .fa:hover { color: var(--yellow-b); }
.privateLetterLeft .privateLetterTitle .tipBox .dropContent { display: none; position: absolute; top: 50px; right: 0px; z-index: 999; padding: 6px 0px; box-shadow: rgba(0,0,0,.2) 0px 0px 6px; }
.privateLetterLeft .privateLetterTitle .tipBox:hover .dropContent { display: block; background-color: var(--white); }
.privateLetterLeft .privateLetterTitle .tipBox .dropContent .item { width: 116px; color: var(--gray3); height: 40px; line-height: 40px; padding: 0px 30px; font-weight: 500; position: relative; cursor: pointer; z-index: 998; }
.privateLetterLeft .privateLetterTitle .tipBox .dropContent .item:hover { background-color: var(--bg-gray-f5); color: var(--yellow-b); }
.privateLetter .privateLetterLeft .privateLetterContent { height: 390px; margin-top: 25px; overflow-y: auto; }
.privateLetterContent .plContent { padding-right: 4px; }
.plContent .listWrapper { height: 390px; overflow-y: auto; }
.plContent .sxcontent { position: relative; height: auto; }
.plContent .sxcontent .showTimeCon { text-align: center; width: 83px; height: 20px; padding: 3px 10px; line-height: 9px; background: var(--gray-c); color: var(--white); font-size: 12px; margin-left: 50%; transform: translate(-50%, 0px); margin-bottom: 30px; border-radius: 4px; font-family: "Microsoft YaHei"; }
.plContent .sxcontent .contentList { overflow: hidden; padding: 0px 30px 30px; display: flex; }
.plContent .sxcontent .contentList .avatar .avatarImg { width: 48px; height: 48px; border-radius: 50%; float: right; margin-top: 16px; }
.plContent .sxcontent .contentLeft { display: block; }
.plContent .sxcontent .contentLeft .goleft { float: right; position: relative; }
.plContent .sxcontent .contentLeft .privateContent { margin-left: 20px; margin-top: 10px; max-width: 400px; display: inline-block; position: relative; }
.plContent .sxcontent .contentLeft .privateContent::before { content: ""; position: absolute; width: 0px; height: 0px; box-sizing: border-box; border-width: 6px; border-style: solid; top: 34px; right: 10px; border-color: transparent transparent var(--yellow) var(--yellow); box-shadow: rgba(255,255,255,.05) -3px 2px 2px; transform-origin: 0px 0px; transform: rotate(225deg); }
.plContent .sxcontent .contentLeft .privateContent .contentTime { height: 24px; line-height: 24px; position: absolute; font-size: 12px; color: var(--gray-c); }
.plContent .sxcontent .contentLeft .contentTimeLeft { left: -44px; top: 18px; }
.plContent .sxcontent .contentLeft .privateContent .chatContent { border-radius: 4px; padding: 15px 20px; margin: 5px 20px 5px 0px; position: relative; overflow-wrap: break-word; color: var(--white); background: var(--orange-f90); }
.plContent .sxcontent .contentLeft .privateContent .deleteLeft { font-size: 12px; color: var(--gray-c); cursor: pointer; }
.plContent .sxcontent .contentLeft .privateContent .deleteLeft:hover { color: var(--gray3); }
.plContent .sxcontent .contentRight .privateContent { margin-left: 20px; margin-top: 10px; max-width: 400px; display: inline-block; position: relative; }
.plContent .sxcontent .contentRight .privateContent::before { content: ""; position: absolute; width: 0px; height: 0px; box-sizing: border-box; border-width: 6px; border-style: solid; top: 16px; left: 0px; border-color: transparent transparent var(--bg-gray-f5) var(--bg-gray-f5); box-shadow: rgba(255,255,255,.05) -3px 2px 2px; transform-origin: 0px 0px; transform: rotate(45deg); }
.plContent .sxcontent .contentRight .privateContent .contentTime { height: 24px; line-height: 24px; position: absolute; font-size: 12px; color: var(--gray-c); }
.plContent .sxcontent .contentRight .privateContent .contentTimeRight { right: -24px; top: 18px; }
.plContent .sxcontent .contentRight .privateContent .chatContent { border-radius: 4px; padding: 15px 20px; margin: 5px 20px 5px 0px; position: relative; overflow-wrap: break-word; color: var(--gray3); background: var(--bg-gray-f5); }
.plContent .sxcontent .contentRight .privateContent .deleteRight { float: right; margin-right: 22px; font-size: 12px; color: var(--gray-c); cursor: pointer; }
.plContent .sxcontent .contentRight .privateContent .deleteRight:hover { color: var(--gray3); }
.privateLetter .privateLetterLeft .privateLetterReply { padding: 30px; border-top: 1px solid var(--gray-d); display: flex; position: relative; }
.privateLetterReply .avatarContainer { position: relative; background-color: var(--white); text-align: left; border-bottom: none; border-top: none; border-radius: 0px; box-shadow: none; }
.privateLetterReply .avatarContainer .avatar { cursor: pointer; position: relative; }
.privateLetterReply .avatarContainer img { width: 48px; height: 48px; border-radius: 50%; }
.privateLetterReply .replyArea { margin-left: 20px; position: relative; flex: 1 1 0%; }
.privateLetterReply .replyArea .react-emoji { position: relative; width: 100%; }
.react-emoji .inputWrapper { position: relative; width: 100%; font-size: 14px; margin-bottom: 15px; }
.replyArea .textarea { max-height: 134px; min-height: 42px; width: 100%; background-color: var(--bg-gray-f5); outline: 0px; padding: 10px 50px 10px 20px; resize: none; font-size: 14px; border-radius: 4px; border-color: var(--gray-d); display: block; overflow-y: auto !important; color: var(--gray3); }
.replyArea textarea:focus { background-color: var(--white); }
.replyArea span { font-size: 12px; position: absolute; right: 20px; bottom: 12px; color: rgb(153, 153, 153); }
/*私信对话框-right*/
.privateLetterRight { width: 280px; height: 100%; border-left: 1px solid var(--gray-e); overflow: hidden; }
.privateLetterRight .privateLetterRightTitle { height: 60px; line-height: 60px; padding: 0px 20px; border-bottom: 1px solid var(--gray-d); }
.privateLetterRight .privateLetterList { height: 570px; overflow-y: auto; }
.privateLetterList .item { padding: 20px 20px; display: flex; overflow: hidden; box-sizing: border-box; background: var(--white); position: relative; cursor: pointer; border-bottom: 1px solid var(--gray-e); height: 113px; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.privateLetterList .item:hover { background: rgb(251, 251, 251); }
.privateLetterList .item.on { background-color: var(--bg-gray-f5); }
.privateLetterList .avatarContainer { width: 30px; }
.privateLetterList .avatarContainer img { cursor: pointer; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; }
.privateLetterList .messageContent { margin-left: 10px; }
.privateLetterList .messageContent .authorName { margin-top: -5px; }
.privateLetterList .messageContent .authorName .author { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; line-height: 20px; }
.privateLetterList .messageContent .authorName .messageUser { font-weight: 600; width: 90px; height: 20px; display: inline-block; color: var(--gray6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.privateLetterList .messageContent .authorName .messageTime { margin-left: 13px; color: var(--gray-c); font-size: 12px; }
.privateLetterList .messageContent .msgContent { font-size: 12px; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--gray3); line-height: 22px; }