div{ display:-webkit-box; display:-ms-flexbox;  -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-negative:0; flex-shrink:0 }

@font-face {
font-family:share;
src:url(../fonts/share.ttf) format("truetype"), 
url(../fonts/share.woff) format("woff");
font-weight:400;
font-style:normal
}
[class*=" icon-"], [class^=icon-] {
font-size:24px;
font-family:share!important;
speak:none;
font-style:normal;
font-weight:400;
-webkit-font-feature-settings:normal;
font-feature-settings:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-ic_collect:before { content:"\E933" }
.icon-wallet:before { content:"\E932" }
.icon-ic_wechatpay:before { content:"\E931" }
.icon-ic_pass:before { content:"\E930" }
.icon-ic_visibility_off:before { content:"\E92D" }
.icon-ic_highlighted:before { content:"\E92E" }
.icon-ic_conversations:before { content:"\E92F" }
.icon-ic_share_dudu:before { content:"\E928" }
.icon-ic_check_button_off:before { content:"\E92B" }
.icon-ic_check_button_on:before { content:"\E92C" }
.icon-ic_comment:before { content:"\E92A" }
.icon-ic_lock:before { content:"\E929" }
.icon-ic_invite_cancel:before { content:"\E927" }
.icon-ic_column_no_article:before { content:"\E923" }
.icon-ic_no_article:before { content:"\E924" }
.icon-ic_no_contribute:before { content:"\E925" }
.icon-ic_no_drafts:before { content:"\E926" }
.icon-ic_column_end:before { content:"\E91B" }
.icon-ic_column_play:before { content:"\E922" }
.icon-ic_edit_editlink:before { content:"\E91C" }
.icon-ic_edit_link:before { content:"\E91D" }
.icon-ic_edit_showlink:before { content:"\E91E" }
.icon-ic_edit_t:before { content:"\E91F" }
.icon-ic_prompt_done:before { content:"\E920" }
.icon-ic_prompt_error:before { content:"\E921" }
.icon-ic_nav_review:before { content:"\E919" }
.icon-ic_loading:before { content:"\E91A" }
.icon-ic_review_add:before { content:"\E918" }
.icon-ic_column_report:before { content:"\E917" }
.icon-ic_close:before { content:"\E900" }
.icon-ic_column_edit:before { content:"\E901" }
.icon-ic_column_like:before { content:"\E902" }
.icon-ic_column_more:before { content:"\E903" }
.icon-ic_column_reply:before { content:"\E904" }
.icon-ic_column_share:before { content:"\E905" }
.icon-ic_comment_like:before { content:"\E906" }
.icon-ic_help:before { content:"\E907" }
.icon-ic_like_more:before { content:"\E908" }
.icon-ic_nav_more:before { content:"\E909" }
.icon-ic_nav_new:before { content:"\E90A" }
.icon-ic_phot_camera_alt:before { content:"\E90B" }
.icon-ic_phot_delete:before { content:"\E90C" }
.icon-ic_phot_full_screen1:before { content:"\E90D" }
.icon-ic_phot_full_screen2:before { content:"\E90E" }
.icon-ic_radio_button_off:before { content:"\E90F" }
.icon-ic_radio_button_on:before { content:"\E910" }
.icon-ic_refresh:before { content:"\E911" }
.icon-ic_search:before { content:"\E912" }
.icon-ic_share_sina:before { content:"\E913" }
.icon-ic_share_wechat:before { content:"\E914" }
.icon-ic_unfold:before { content:"\E915" }
.icon-ic_zhihu_logo:before { content:"\E916" }


button { cursor:pointer }
button { padding:0; color:inherit; font:inherit; background:none; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.Button { display:inline-block; padding:0 16px; font-size:14px; line-height:32px; color:#8590a6; text-align:center; cursor:pointer; background:none; border:1px solid; border-radius:3px }
.Button::-moz-focus-inner {
padding:0;
border:0
}
.Button:focus { outline:none }
.Button:disabled { cursor:default; opacity:.5 }

.Button--green { color:#50c87e; border-color:#50c87e }
.Button--green:hover:not(:disabled) {
background-color:rgba(80, 200, 126, .06)
}

.Button--primary.Button--green { color:#fff; background-color:#0ca547 }
.Button--primary.Button--green:hover:not(:disabled) {
border-color:#0b8e3d;
background-color:#0b8e3d!important
}

.Button--spread { width:100% }
.Button-icon { margin-right:7px }
.Button--plain .Button-icon { margin-right:6px }
.Button--blue .Button-icon, .Button--green .Button-icon, .Button--red .Button-icon { fill:currentColor }
.Button--link, .Button--plain { height:auto; padding:0; line-height:inherit; background-color:transparent; border:none; border-radius:0 }
.Button--plain:hover, html[data-theme=dark] .Button--link:hover, html[data-theme=dark] .Button--plain:hover { background-color:transparent; background-color:initial }
.Button--plain:hover { color:#77839c }
.Button--link { color:#175199 }
.Button--link:hover { background-color:transparent; background-color:initial; color:#144785 }

.Button { border-radius:4px; border-color:#b3b3b3; color:gray }
.Button:active { /*background-color:#b3b3b3; color:#fff*/ }
.Button:focus { outline:5px auto #f1f2f3 }
.Button.icon { font-size:24px; line-height:1 }
.Button .icon { vertical-align:-4px }
.Button[disabled] { border-color:#b3b3b3; color:gray }
.Button[disabled].Button--blue, .Button[disabled]:hover { background-color:transparent }
.Button--primary.Button--green { background-color:#50c87e; border-color:#50c87e }
.Button--primary.Button--green:hover { background-color:rgba(77, 190, 46, .06); color:#50c87e }
.Button--green { color:#50c87e; border-color:#50c87e }
.Button--green:active { background:#50c87e; color:#fff }



.Menu { padding:6px 0 }
.Menu-item { display:block; width:100%; padding:0 20px; text-align:left; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box }
.Menu-item.is-active { background:#f6f6f6 }
.Menu-item--noActive { cursor:default }
.Menu-divider { margin:8px 0; border-bottom:1px solid #ebebeb }

.HoverTitle { position:relative }
.HoverTitle:focus:after, .HoverTitle:focus:before, .HoverTitle:hover:after, .HoverTitle:hover:before { -webkit-animation:hoverTitleFadeIn .1s linear forwards;
animation:hoverTitleFadeIn .1s linear forwards
}
.HoverTitle:hover:after, .HoverTitle:hover:before { -webkit-animation-delay:.3s;
animation-delay:.3s
}
.HoverTitle:after, .HoverTitle:before { content:""; position:absolute; left:50%; visibility:hidden; opacity:0; z-index:10 }
.HoverTitle:before { top:22px; width:0; height:0; margin:0 0 0 -6px; font-size:0; color:rgba(0, 0, 0, .8); border-bottom:6px solid currentColor; border-left:6px solid transparent; border-right:6px solid transparent }
.HoverTitle:after { content:attr(data-hover-title); top:28px; padding:10px 16px; border-radius:4px; line-height:1.5; font-size:13px; color:#fff; background:rgba(0, 0, 0, .8); -webkit-transform:translateX(-50%); transform:translateX(-50%); width:80px }
@-webkit-keyframes hoverTitleFadeIn { 0% {
opacity:0;
visibility:visible
}
to { opacity:1; visibility:visible }
}
@keyframes hoverTitleFadeIn { 0% {
opacity:0;
visibility:visible
}
to { opacity:1; visibility:visible }
}



.AutoComplete-UserItem { width:100% }
.AutoComplete-UserDetail { display:block }
.AutoComplete-UserHeadline { display:none }
.ImageView-inner { display:block }
.AutoComplete-UserItem { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center }


.Avatar-hemingway { width:35px; height:35px; border-radius:50%;border: solid #f0f0f0 1px;}


.BlockTitle { position:relative; display:block; margin-bottom:32px; line-height:22px }
.BlockTitle-title { position:relative; display:inline; padding:5px 15px 5px 10px; font-weight:600;background:#fbfcfc; z-index:1; font-size:15px;}
.BlockTitle-line { content:""; position:absolute; left:0; right:0; top:50%; height:1px; color:#f0f0f0; background:currentColor }


.Report { margin-top:6px }
.ReportButton { font-size:15px; font-weight:400 }




.CommentItem { position:relative; padding-left:50px; margin-bottom:25px;border-bottom: solid #f0f0f0 1px; padding-bottom:15px;}
.CommentItem--deleted { border:solid #f0f0f0; border-width:1px 0; padding:16px 0 }
.CommentItem--deleted+.CommentItem--deleted { border-top:0; margin-top:0 }
.CommentItem-author { position:absolute; left:0 }
.CommentItem-authorTitle { color:gray }
.CommentItem-headWrapper { position:relative }
.CommentItem-headWrapper a { color:#333; font-weight:600; font-synthesis:style }
.CommentItem-head { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; line-height:24px }
.CommentItem-head--rightPad { margin-right:86px }
.CommentItem-context { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
.CommentItem-replySplit { margin:0 6px }
.CommentItem-conversationButton { position:absolute; right:0; height:24px; line-height:24px }
/*.CommentItem-reviewingBadge { margin-left:6px }
.CommentItem-reviewingMenu { padding:0 }
.CommentItem-reviewingMenu .MenuButton { height:24px; width:24px; padding:0 }
.CommentItem-reviewingMenu .MenuButton .icon { vertical-align:0 }
.CommentItem-reviewingMenu .Menu-dropdown { top:36px; margin-left:-134px; width:272px }
.CommentItem-reviewingMenu .Menu-item { white-space:nowrap; text-indent:0; text-align:center }
.CommentItem-reviewingMenu .Menu-item:hover { cursor:default; background:transparent }
.CommentItem-reviewingMenu .Triangle { position:absolute; top:1px; left:50%; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) }*/
.CommentItem-content { min-height:22px; margin:8px 0; font-size:15px; line-height:24px; word-break:break-word }
.CommentItem-content a { color:#259 }
.CommentItem-content a:hover { text-decoration:underline }
.CommentItem-foot { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; color:gray; font-size:14px; line-height:30px }
.CommentItem-like { position:absolute; right:0 }
.CommentItem-like--empty { display:none }
/*.CommentItem-action { -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:30px; line-height:30px; display:none; margin-left:8px }*/
.CommentItem-action+.CommentItem-action { margin-left:8px }
/*.CommentItem:hover .CommentItem-action { display:block }*/
.CommentItem-action.Button:hover, .CommentItem-action .Button:hover { color:#333 }
.CommentItem-action--visible { display:block }
.CommentItem-inlineReply { padding:20px 0 }
.CommentItem-actionReport { margin:0 }

.Favlists-items { max-height:335px; min-height:140px; margin-bottom:40px; overflow-x:hidden; overflow-y:auto }
.Favlists-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:8px 0; border-bottom:1px solid #e7eaf1 }
.Favlists-itemInner { overflow:hidden; margin-right:20px }
.Favlists-itemName { display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; text-overflow:ellipsis }
.Favlists-itemNameText { overflow:hidden; font-weight:700; text-overflow:ellipsis; white-space:nowrap }
.Favlists-itemIcon { margin-left:6px }
.Favlists-itemIcon .Icon { vertical-align:baseline }
.Favlists-itemContent { font-size:14px; color:#8590a6; margin-top:4px }
.Favlists-updateButton { width:76px; -ms-flex-negative:0; flex-shrink:0 }
.Favlists-actions { padding:16px 20px }
.Favlists-actions, .Favlists-mobileActions { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-sizing:border-box; box-sizing:border-box }
.Favlists-mobileActions { position:fixed; bottom:0; width:100%; padding:12px 20px; border-top:1px solid #ebeef5; background:#fff }
.Favlists-mobileActions .Favlists-addButton:last-child:first-child { width:100% }
.Favlists-mobileActions .Button { -webkit-box-flex:1; -ms-flex:1; flex:1 }
.Favlists-mobileActions .Button:first-child:not(:last-child) {margin-right:8px}
.Favlist-empty { position:fixed; left:0; right:0; top:0; bottom:0 }
.Favlist-emptyContent { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100% }
.Favlist-emptyTip { margin-top:30px; font-size:15px; color:#9aaabf }
.Favlists-addButton { width:220px }
.Favlists-addItem { margin-bottom:8px }
.Favlists-descritionInput, .Favlists-titleInput { width:100%; height:auto; padding:8px 12px }
.Favlists-inputTips { padding-top:8px; text-align:right }
.Favlists-favButton { width:72px }
.Fav { margin-top:6px }
.Favlists-item, .Favlists-itemName { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row }
.Favlists-itemInner { -webkit-box-flex:1; -ms-flex:1; flex:1 }

.PostIndex-footer { -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; color:rgba(0, 0, 0, .54);position: relative;}
.PostIndex-vote { margin:40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start }
.PostIndex-voteButton { -webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-height:36px }
.PostIndex-voteButton .icon { margin-right:4px }
.PostIndex-voteButton[disabled] { border-color:transparent; opacity:1; padding:0; color:#50c87e }
.PostIndex-voteButton[disabled]:hover { background:transparent }
.PostIndex-voteButton[disabled]:active { background:transparent; color:#50c87e }
.PostIndex-voters { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; margin-top:16px }
.PostIndex-voter { margin:0 8px 8px 0 }
.PostIndex-voter img { width:26px; height:26px }
.PostIndex-control { margin:40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;position: absolute;right: 0;}
.PostIndex-control>*+* { margin-left:15px }
.PostIndex-editPost { font-size:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:36px }
.PostIndex-editPost span { position:relative; top:1px }


.layout-main { padding: 0 40px; }
.av-header { text-align:center; border-bottom: 1px solid #E6E6E6; padding-bottom: 15px; }
.av-header h1 { font-size: 23px; font-weight: normal; color: #31424e; padding: 15px 0 15px 0; }
.PostIndex-author { font-size:14px; }
.PostIndex-author span { margin-right:20px; }
.PostIndex-author span label { color: #9baab6; }
.PostIndex-author span b { color: #5e6b73; font-weight:normal; }
.PostIndex-content { margin: 25px 0 0px; }
.PostIndex-content p { margin-bottom: 20px; font-size:14px; line-height: 2; text-indent:24px; }