button { /* Safari button has 2px margin */
margin: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body, p, pre { margin: 0; }
h1, h2, h3 { margin: 0; font: inherit; }
ul, ol { padding: 0; margin: 0; }
li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
/**
 * NOTE:
 *   Hover 时使用统一的模式使按钮变暗：
 *   填充型，在原有颜色基础上降低亮度（lightness）5%，如：color-mod(cc(GBL05A) l(-5%))
 */
.Button { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; height:34px; color: #8590A6; text-align: center; cursor: pointer; background: none; /* 默认使用 currentColor，防止使用方不必要的重置 */
border: 1px solid; border-radius: 3px; }
/* Firefox button padding, border compatible */
.Button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.Button:focus { outline: none; }
.Button:disabled { cursor: default; opacity: 0.5; }
.Button i{font-style: normal;}
html[data-theme="dark"] .Button { color: #606A80; }
.Button--grey { color: #8590A6; border-color: #8590A6; }
.Button--grey:hover:not(:disabled) { background-color: rgba(133, 144, 166, 0.06); }
html[data-theme="dark"] .Button--grey:hover:not(:disabled) { background-color: rgba(96, 106, 128, 0.06); }
html[data-theme="dark"] .Button--grey { color: #606A80; }
html[data-theme="dark"] .Button--grey { border-color: #606A80; }
.Button--blue { color: #0084FF; border-color: #0084FF; }
.Button--blue:hover:not(:disabled) { background-color: rgba(0, 132, 255, 0.06); }
html[data-theme="dark"] .Button--blue:hover:not(:disabled) { background-color: rgba(58, 118, 208, 0.06); }
html[data-theme="dark"] .Button--blue { color: #3A76D0; }
html[data-theme="dark"] .Button--blue { border-color: #3A76D0; }
.Button--green { color: #11a668; border-color: #11a668; }
.Button--green:hover:not(:disabled) { /* 尽管绿色不再被使用，但为了保持组件为 API 完整还留着这个  */
background-color: rgba(17, 166, 104, 0.06); }
.Button--red { color: #FF3366; border-color: #FF3366; }
.Button--red:hover:not(:disabled) { background-color: rgba(255, 51, 102, 0.06); }
html[data-theme="dark"] .Button--red:hover:not(:disabled) { background-color: rgba(217, 33, 85, 0.06); }
html[data-theme="dark"] .Button--red { color: #D92155; }
html[data-theme="dark"] .Button--red { border-color: #D92155; }
/* 填充型的按钮 */
.Button--primary.Button--blue { color: #FFFFFF; background-color: #0084FF; }
.Button--primary.Button--blue:hover:not(:disabled) { border-color: hsl(208.94117647058823, 100%, 45%); background-color: hsl(208.94117647058823, 100%, 45%); }
html[data-theme="dark"] .Button--primary.Button--blue:hover:not(:disabled) { border-color: hsl(216, 61.4754098361%, 47.1568627451%); }
html[data-theme="dark"] .Button--primary.Button--blue:hover:not(:disabled) { background-color: hsl(216, 61.4754098361%, 47.1568627451%); }
html[data-theme="dark"] .Button--primary.Button--blue { color: #EBEBEB; }
html[data-theme="dark"] .Button--primary.Button--blue { background-color: #3A76D0; }
.Button--primary.Button--green { color: #FFFFFF; background-color: #12b370; }
.Button--primary.Button--green:hover:not(:disabled) { /* 尽管绿色不再被使用，但为了保持组件为 API 完整还留着这个  */
border-color: hsl(155.0310559006211, 81.7258883249%, 33.6274509804%); background-color: hsl(155.0310559006211, 81.7258883249%, 33.6274509804%) !important; }
html[data-theme="dark"] .Button--primary.Button--green { color: #EBEBEB; }
.Button--primary.Button--red { color: #FFFFFF; background-color: #FF3366; }
.Button--primary.Button--red:hover:not(:disabled) { border-color: hsl(345, 100%, 55%); background-color: hsl(345, 100%, 55%); }
html[data-theme="dark"] .Button--primary.Button--red:hover:not(:disabled) { border-color: hsl(343.04347826086956, 73.6%, 44.0196078431%); }
html[data-theme="dark"] .Button--primary.Button--red:hover:not(:disabled) { background-color: hsl(343.04347826086956, 73.6%, 44.0196078431%); }
html[data-theme="dark"] .Button--primary.Button--red { color: #EBEBEB; }
html[data-theme="dark"] .Button--primary.Button--red { background-color: #D92155; }
.Button--primary.Button--grey { color: #FFFFFF; background-color: #8590A6; }
.Button--primary.Button--grey:hover:not(:disabled) { border-color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%); background-color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%); }
html[data-theme="dark"] .Button--primary.Button--grey:hover:not(:disabled) { border-color: hsl(221.25, 14.2857142857%, 38.9215686275%); }
html[data-theme="dark"] .Button--primary.Button--grey:hover:not(:disabled) { background-color: hsl(221.25, 14.2857142857%, 38.9215686275%); }
html[data-theme="dark"] .Button--primary.Button--grey { color: #EBEBEB; }
html[data-theme="dark"] .Button--primary.Button--grey { background-color: #606A80; }
.Button--spread { width: 100%; }
.Button-icon { margin-right: 7px; }
.Button--plain .Button-icon { margin-right: 6px; }
.Button--red .Button-icon,  .Button--blue .Button-icon,  .Button--green .Button-icon { fill: currentColor; }
.Button--plain, .Button--link { height: auto; padding: 0; line-height: inherit; background-color: transparent; border: none; border-radius: 0; }
html[data-theme='dark'] .Button--plain, html[data-theme='dark'] .Button--link { border: none; }
html[data-theme='dark'] .Button--plain:hover, html[data-theme='dark'] .Button--link:hover { background-color: transparent; background-color: initial; }
.Button--plain:hover { background-color: transparent; background-color: initial; color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%);}
html[data-theme="dark"] .Button--plain:hover { color: hsl(221.25, 14.2857142857%, 38.9215686275%); }
.Button--link { color: #175199; }
.Button--link:hover { background-color: transparent; background-color: initial; color: hsl(213.23076923076923, 73.8636363636%, 29.5098039216%); }
html[data-theme="dark"] .Button--link:hover { color: hsl(213.23076923076923, 73.8636363636%, 29.5098039216%); }
html[data-theme="dark"] .Button--link { color: #175199; }
/* 仅有图标的按钮，默认正方形（34x34 与默认高度一致，保持合适触摸区域）*/

.Button--withIcon.Button--iconOnly { padding: 0 4px; }
.Button--withIcon.Button--plain,  .Button--withIcon.Button--link { padding: 0; }
.Button--withIcon.Button--withLabel .Button-zi { margin-right: 4px; }

.Button--dologin{}


.Modal-wrapper {}
.Modal-wrapper .Modal-backdrop { position: fixed; top: 0; right: 0; width:100%; height:100%; z-index: 200; background-color: rgba(26, 26, 26, 0.65); transition: background-color 300ms ease-out; display:none;}
html[data-theme="dark"] .Modal-wrapper .Modal-backdrop { background-color: rgba(0, 0, 0, 0.65); }
.Modal-wrapper .Modal { position: fixed; z-index: 205; width: 433px; left:50%; top:50%;height:480px; margin-left: -200px; margin-top:-240px; outline: 0; box-shadow: 0 5px 20px rgba(26, 26, 26, 0.1); box-sizing: border-box; display:none;}
html[data-theme='dark'] .Modal-wrapper .Modal { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.Modal-wrapper .Modal-inner { overflow: auto; background: #FFFFFF; border-radius: 2px; }
html[data-theme="dark"] .Modal-wrapper .Modal-inner { background: #1A1A1A; }
.Modal-closeButton { position: absolute;top: -12px;right: -12px;padding: 0px;background: #000;border-radius: 50%;}
.Modal-closeButton:hover{background: #000;}
.Modal-closeIcon { vertical-align: top; fill: #FFFFFF; }
html[data-theme="dark"] .Modal-closeIcon { fill: #EBEBEB; }
html[data-theme="dark"] .Modal-closeButton { background: #2E2E2E;}
html[data-theme="dark"] .Modal-closeButton:hover{background: #2E2E2E;}
.Modal-content { flex: 1 1; padding: 0 24px 32px; margin-top: 24px; line-height: 1.7; opacity: 1; }
.Modal-content.Modal-content--spread { height: 100%; margin-top: 0; }
.Modal-content.Modal-content--hidden { opacity: 0; transition: opacity 300ms ease-out; }



.Card { margin-bottom: 10px; background: #FFFFFF; overflow: hidden; border-radius: 2px; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); box-sizing: border-box; }
html[data-theme='dark'] .Card { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.Card:last-child { margin-bottom: 0; }
html[data-theme="dark"] .Card { background: #1A1A1A; }
.Card-header { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; border-bottom: 1px solid #F6F6F6; box-sizing: border-box; }
.Card-header:last-child { border-bottom: none; }
html[data-theme="dark"] .Card-header { border-bottom: 1px solid #2E2E2E; }
.Card-headerText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .Card-headerText { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .Card-headerText { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.Card-section { padding: 16px 20px; position: relative; }
.Card-section + .Card-section::after { position: absolute; top: 0; left: 0; right: 0; margin: 0 20px; display: block; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .Card-section + .Card-section::after { border-bottom: 1px solid #2E2E2E; }
.Input-wrapper { position: relative; display: flex; width: 180px; height: 34px; padding: 4px 10px; font-size: 14px; background: #FFFFFF; border: 1px solid #EBEBEB; border-radius: 3px; box-sizing: border-box; transition: background 200ms, border 200ms; }
.Input-wrapper.Input-wrapper--grey { background: #F6F6F6; }
html[data-theme="dark"] .Input-wrapper.Input-wrapper--grey { background: #2E2E2E; }
.Input-wrapper.Input-wrapper--spread { width: 100%; }
.Input-wrapper.Input-wrapper--multiline { height: inherit; }
.Input-wrapper.Input-wrapper--large,  .Input-wrapper .DraftEditor-root { height: auto; padding: 6px 12px; }
.Input-wrapper .Editable-toolbar { /* 工具栏的按钮有 所以上下 padding 少 1 */
    /* 左右 13 是 16 - 1 按钮 border - 2 按钮 margin */
height: auto; padding: 5px 13px; }
.Input-wrapper .Dropzone-overlay { margin: 6px 12px; }
.Input-wrapper.Input-wrapper--noPadding { padding: 0; }
.Input-wrapper.is-focus { background: #FFFFFF; border: 1px solid #8590A6; }
html[data-theme="dark"] .Input-wrapper.is-focus { background: #1A1A1A;border: 1px solid #606A80;}
html[data-theme="dark"] .Input-wrapper { background: #1A1A1A;border: 1px solid #666666;}
.Input { flex: 1 1; padding: 0; overflow: hidden; font-family: inherit; font-size: inherit; font-weight: inherit; background: transparent; border: none; outline: none; resize: none; }
input.Input { color: #1A1A1A; height: 24px; line-height: 24px; }
html[data-theme="dark"] input.Input { color: #999999; }
textarea.Input { color: #1A1A1A; }
html[data-theme="dark"] textarea.Input { color: #999999; }
.Input:not(input) { line-height: 24px; }
 .Input:-ms-input-placeholder {
 line-height: normal;
}
 .Input::-webkit-input-placeholder,  .Input .public-DraftEditorPlaceholder-root {
 color: #8590A6;
}
 .Input:-ms-input-placeholder,  .Input .public-DraftEditorPlaceholder-root {
 color: #8590A6;
}
 .Input::-ms-input-placeholder,  .Input .public-DraftEditorPlaceholder-root {
 color: #8590A6;
}
 .Input::placeholder,  .Input .public-DraftEditorPlaceholder-root {
 color: #8590A6;
}
 html[data-theme="dark"] .Input::-webkit-input-placeholder, html[data-theme="dark"] .Input .public-DraftEditorPlaceholder-root {
 color: #606A80;
}
 html[data-theme="dark"] .Input:-ms-input-placeholder, html[data-theme="dark"] .Input .public-DraftEditorPlaceholder-root {
 color: #606A80;
}
 html[data-theme="dark"] .Input::-ms-input-placeholder, html[data-theme="dark"] .Input .public-DraftEditorPlaceholder-root {
 color: #606A80;
}
 html[data-theme="dark"] .Input::placeholder, html[data-theme="dark"] .Input .public-DraftEditorPlaceholder-root {
 color: #606A80;
}
 .Input--validationError::-webkit-input-placeholder {
 color: #F1403C;
}
 .Input--validationError:-ms-input-placeholder {
 color: #F1403C;
}
 .Input--validationError::-ms-input-placeholder {
 color: #F1403C;
}
 .Input--validationError::placeholder {
 color: #F1403C;
}
 html[data-theme="dark"] .Input--validationError::-webkit-input-placeholder {
 color: #B7302D;
}
 html[data-theme="dark"] .Input--validationError:-ms-input-placeholder {
 color: #B7302D;
}
 html[data-theme="dark"] .Input--validationError::-ms-input-placeholder {
 color: #B7302D;
}
 html[data-theme="dark"] .Input--validationError::placeholder {
 color: #B7302D;
}
.Input-wrapper--multiline .Input { /* textarea 不能应用 overflow: hidden，会导致多行文本内容超过时失去任何提示 */
overflow: auto; }
.Input-after { position: absolute; top: 50%; right: 10px; display: flex; flex-direction: column; justify-content: center; margin: auto; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.SignFlowInput { position: relative; }
.SignFlowInput .Input-wrapper { width: 100%; height: 48px; padding: 0; color: #8590A6; }
html[data-theme="dark"] .SignFlowInput .Input-wrapper { color: #606A80; }
.SignFlowInput input.Input { height: 48px; }
.SignFlowInput-errorMask { position: absolute; right: 0; height: 90%; padding: 12px 0 0 20px; margin-top: -47px; font-size: 14px; color: #F1403C; text-align: right; cursor: text; background: #FFFFFF; opacity: 1; box-sizing: border-box; transition: opacity 250ms ease; }
.SignFlowInput-errorMask::before { position: absolute; top: 0; left: -16px; width: 16px; height: 46px; background: linear-gradient(  to right,  rgba(255, 255, 255, 0),  #FFFFFF  ); content: ''; }
html[data-theme="dark"] .SignFlowInput-errorMask::before { background: linear-gradient(  to right,  rgba(26, 26, 26, 0),  #1A1A1A  ); }
html[data-theme="dark"] .SignFlowInput-errorMask { color: #B7302D; }
html[data-theme="dark"] .SignFlowInput-errorMask { background: #1A1A1A; }
.SignFlowInput-errorMask--hidden { width: 0; height: 0; padding: 0; margin: 0; opacity: 0; }
.SignFlowInput-errorMask--hidden::before { width: 0; height: 0; overflow: hidden; opacity: 0; }
.SignFlowInput-requiredErrorMask { right: auto !important; right: initial !important; width: 100%; padding-left: 0; text-align: left; }
.SignFlowInput-requiredErrorMask::before { width: 0; height: 0; overflow: hidden; opacity: 0; }
.Icon { vertical-align: text-bottom; fill: currentColor; }
.Icon--grey { color: #8590A6; }
html[data-theme="dark"] .Icon--grey { color: #606A80; }
.Icon--left { margin-right: 6px; }

/**
   * 之所以不使用:hover 在于保证当第一次点击，icon 显示时使之处于 hover 状态
   * 下同
   */

.Popover { position: relative; display: inline-block; }
.Popover-arrow { position: absolute; overflow: hidden; pointer-events: none; }
.Popover-arrow::after { content: ''; position: absolute; box-sizing: border-box; width: 24px; height: 24px; margin: -12px; border: 1px solid #EBEBEB; background: #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); pointer-events: auto; }
html[data-theme="dark"] .Popover-arrow::after { border: 1px solid #2E2E2E; }
html[data-theme="dark"] .Popover-arrow::after { background: #1A1A1A; }
.Popover-arrow--top { width: 32px; height: 16px; margin-top: -2px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.Popover-arrow--top::after { left: 50%; top: -8px; }
.Popover-arrow--bottom { width: 32px; height: 16px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
.Popover-arrow--bottom::after { left: 50%; bottom: -8px; }
.Popover-arrow--left { width: 16px; height: 32px; margin-left: -2px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.Popover-arrow--left::after { left: -8px; top: 50%; }
.Popover-arrow--right { width: 16px; height: 32px; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.Popover-arrow--right::after { right: -8px; top: 50%; }
.Popover-content { position: absolute; background: #FFFFFF; border: 1px solid #EBEBEB; border-radius: 4px; box-shadow: 0 5px 20px rgba(26, 26, 26, 0.1); z-index: 103;display:none;}
html[data-theme='dark'] .Popover-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.Popover-content-enter { opacity: 0.01; }
.Popover-content-enter-active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out; transition: transform 200ms ease-out, opacity 200ms ease-out; transition: transform 200ms ease-out, opacity 200ms ease-out, -webkit-transform 200ms ease-out; }
.Popover-content-leave { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.Popover-content-leave-active { opacity: 0.01; transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out; transition: transform 200ms ease-out, opacity 200ms ease-out; transition: transform 200ms ease-out, opacity 200ms ease-out, -webkit-transform 200ms ease-out; }
.Popover-content--fixed { position: fixed; }
html[data-theme="dark"] .Popover-content { background: #1A1A1A; }
html[data-theme="dark"] .Popover-content { border: 1px solid #2E2E2E; }
.Popover-content--top { -webkit-transform-origin: bottom center; transform-origin: bottom center; margin-top: -8px; }
.Popover-content--top.Popover-content--arrowed { margin-top: calc(-8px - 8px); }
.Popover-content--top.Popover-content--enter,  .Popover-content--top.Popover-content-leave-active { -webkit-transform: translateY(8px); transform: translateY(8px); }
.Popover-content--bottom { margin-top: 8px; }
.Popover-content--bottom.Popover-content--arrowed { margin-top: calc(8px + 8px); width:136px;}
.Popover-content--bottom.Popover-content--enter,  .Popover-content--bottom.Popover-content-leave-active { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.Popover-content--left { -webkit-transform-origin: right center; transform-origin: right center; margin-left: -8px; }
.Popover-content--left.Popover-content--arrowed { margin-left: calc((8px + 8px) / -1); }
.Popover-content--left.Popover-content--enter,  .Popover-content--left.Popover-content-leave-active { -webkit-transform: translateX(8px); transform: translateX(8px); }
.Popover-content--right { margin-left: 8px; }
.Popover-content--right.Popover-content--arrowed { margin-left: calc(8px + 8px); }
.Popover-content--right.Popover-content--enter,  .Popover-content--right.Popover-content-leave-active { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

.Popover-content--share{left: -36px; top: 20px;}
.Popover-content--more{left: -55px; top: 20px;}


.Select-button { height: 40px; padding: 0 20px; line-height: 38px; text-align: left; box-sizing: border-box; background: none; outline: none; }
.Select-plainButton { padding: 0; border: 1px solid transparent; }
.Select-arrow { margin-left: 8px; }
.Select-list { max-height: 500px; padding: 8px 0; border-radius: 4px;width:110px;}
.Select-option { display: block; width: 100%; height: 40px; padding: 0 20px; line-height: 40px; color: #8590A6; text-align: left; background: none; outline: none; border: none; outline: none; }
html[data-theme="dark"] .Select-option { color: #606A80; }
.Select-option:hover { background: #F6F6F6; }
html[data-theme="dark"] .Select-option:hover { background: #2E2E2E; }
.Select-popoverTarget { margin-top: 0; top: 40px; left: -10px; font-size: 14px;}



.SignFlow-accountInputContainer { overflow: hidden; }
.SignFlow-account { margin-top: 16px; border-radius: 0; }
html[data-theme="dark"] .SignFlow-account { }
.SignFlow-supportedCountriesSelectContainer { display: inline-block; float: left; min-width: 72px; -webkit-transform: translateY(4px); transform: translateY(4px); }
.SignFlow-supportedCountriesSelectContainer .Select-button { color: #8590A6; }
html[data-theme="dark"] .SignFlow-supportedCountriesSelectContainer .Select-button { color: #606A80; }
.SignFlow-supportedCountriesList .Select-option { color: #8590A6; }
html[data-theme="dark"] .SignFlow-supportedCountriesList .Select-option { color: #606A80; }
.SignFlow-accountSeperator { float: left; width: 1px; height: 22px; margin: 24px 12px 0; background: #EBEBEB; -webkit-transform: translateY(-11px); transform: translateY(-11px); }
html[data-theme="dark"] .SignFlow-accountSeperator { background: #444444; }
.CountingDownButton { color: #175199; }
html[data-theme="dark"] .CountingDownButton { color: #175199; }
.CountingDownButton.is-counting { color: #8590A6; cursor: auto; cursor: initial; }
html[data-theme="dark"] .CountingDownButton.is-counting { color: #606A80; }
.SignFlow-smsInputContainer { position: relative; margin-top: 12px; }
.SignFlow-smsInputButton { position: absolute; top: 24px; right: 0; padding: 4px 0; color: #175199; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
html[data-theme="dark"] .SignFlow-smsInputButton { color: #175199; }
.SignFlow-smsInputErrorMessage { display: flex; align-items: center; top: 24px; right: 130px; width: 40%; padding: 0; padding-left: 4px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.SignFlow-smsInputRequiredErrorMask { right: 0; padding-left: 0; }
.SignFlow-passwordErrorMask { z-index: 10; }
.SignFlow-passwordInput { font-size: 24px; }
.SignFlow-passwordInput input { letter-spacing: 1.8px; }
.SignFlow-requiredPasswordErrorMask { right: auto; right: initial; width: 80%; }
.SignFlow-password { position: relative; margin-top: 12px; }

/* 搜狗浏览器密码输入框末尾有虚拟键盘，加此样式消除 */

.SignFlow-password input::-webkit-input-safebox-button {
 display: none;
}
.SignFlow-switchPassword { position: absolute; top: 24px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.SignFlow-switchPasswordIcon:hover { fill: #999999; }
html[data-theme="dark"] .SignFlow-switchPasswordIcon:hover { fill: #646464; }
.SignFlow-username { position: relative; margin-top: 12px; }

.ZhihuLogo { fill: #0084FF; }
.ZhihuLogo--grey { fill: #999999; }
html[data-theme="dark"] .ZhihuLogo--grey { fill: #646464; }
.ZhihuLogo--red { fill: #F1403C; }
html[data-theme="dark"] .ZhihuLogo--red { fill: #B7302D; }
.ZhihuLogo--green { fill: #67C23A; }
html[data-theme="dark"] .ZhihuLogo--green { fill: #67C23A; }
html[data-theme="dark"] .ZhihuLogo { fill: #3A76D0; }
.SignFlowHeader { padding-top: 30px; }
.SignFlowHeader-slogen {color: #0084FF; font-size: 22px; }
.SignFlowHeader-slogimg {color: #0084FF; font-size: 44px; text-align: center;}
html[data-theme="dark"] .SignFlowHeader-slogen { color: #3A76D0; }
html[data-theme="dark"] .SignFlowHeader-slogimg { color: #3A76D0; }
.SignContainer-content { width: 432px; margin: 0 auto; text-align: center; }
.SignContainer-content .Input-wrapper { width: 100%; height: 48px; padding: 0; color: #8590A6; border: none; border-bottom: 1px solid #EBEBEB; border-radius: 0; }
html[data-theme="dark"] .SignContainer-content .Input-wrapper { color: #606A80; }
html[data-theme="dark"] .SignContainer-content .Input-wrapper { border-bottom: 1px solid #444444; border-top:none;border-left:none;border-right:none; }
.SignContainer-content .Input-wrapper.is-focus { border: none; border-bottom: 1px solid #EBEBEB; }
html[data-theme="dark"] .SignContainer-content .Input-wrapper.is-focus { border-bottom: 1px solid #444444; }
.SignContainer-content .SignFlow-accountInput.Input-wrapper.is-focus { border: none; }
.SignContainer-content input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset;}
.SignContainer-inner { position: relative; }
.SignContainer-switch { display: flex; align-items: center; justify-content: center; width: 100%; background-color: #F6F6F6; height: 58px; border-top: 1px solid #EBEBEB; font-size: 16px; }
.SignContainer-switch span { color: #175199; cursor: pointer; }
html[data-theme="dark"] .SignContainer-switch span { color: #175199; }
html[data-theme="dark"] .SignContainer-switch { background-color: #2E2E2E; }
html[data-theme="dark"] .SignContainer-switch { border-top: 1px solid #444444; }

.signFlowModal { width: auto; }
.signFlowModal .Modal-content { padding: 0; margin: 0; }
.Login-options { margin-top: 12px; height: 20px; display: flex; justify-content: space-between; background: #FFFFFF; }
html[data-theme="dark"] .Login-options { background: #1A1A1A; }
.Login-content { padding: 0 40px 36px; }
.Login-switchType { color: #175199; }
html[data-theme="dark"] .Login-switchType { color: #175199; }
.Login-cannotLogin { float: right; }
.Login-cannotLogin:hover { color: #808080; }
html[data-theme="dark"] .Login-cannotLogin:hover { color: #808080; }
.SignFlow { overflow: hidden; }
 .SignFlow input[type='number']::-webkit-inner-spin-button,  .SignFlow input[type='number']::-webkit-outer-spin-button {
 margin: 0;
 -webkit-appearance: none;
 appearance: none;
}
.SignFlow input { height: 48px; }
 .SignFlow input::-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.SignFlow input[type='number'] { -moz-appearance: textfield; }
.SignFlow .SignFlow-accountInput,  .SignFlow .SignFlow-smsInput { width: auto; }
.SignFlow-submitButton { width: 100%; margin-top: 30px; height: 36px; }

.SignFlow-snackBar { font-size: 13px; color: #8590A6; }
html[data-theme="dark"] .SignFlow-snackBar { color: #606A80; }
.SignFlow-snackBarLink { color: #175199; }
html[data-theme="dark"] .SignFlow-snackBarLink { color: #175199; }

.CornerButtons { position: fixed; bottom: 0; right: 12px; display: flex; flex-direction: column; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; will-change: transfrom; }
.CornerAnimayedFlex { width: 40px; height: calc(40px + 12px); transition: height 0.2s ease; }
.CornerAnimayedFlex--hidden { height: 0; }
.CornerButton { background: #FFFFFF; border-radius: 4px; width: 40px; height: 40px; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); }
html[data-theme='dark'] .CornerButton { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.CornerButton:hover { background: #D3D3D3; }
.CornerAnimayedFlex .GlobalTooltip { position: relative; z-index: 9999; left:-6px; top:-18px; display:none;}

html[data-theme="dark"] .CornerButton:hover { background: #2E2E2E; }
.CornerButton .Zi { fill: #8590A6; }
.CornerButton .Zi:hover { fill: #8590A6; }
html[data-theme="dark"] .CornerButton .Zi:hover { fill: #606A80; }
html[data-theme="dark"] .CornerButton .Zi { fill: #606A80; }
html[data-theme="dark"] .CornerButton { background: #1A1A1A; }


/* 用 html 选择器和 darkMode mixin 冲突 */
/* 使用 GBK99A 与 GBL01A */
.Tooltip { position: absolute; width: 0; height: 0; }
.Tooltip-enter, .Tooltip-leave { transition: opacity 300ms; }
.Tooltip-enter { opacity: 0; }
.Tooltip-enter-active { opacity: 1; }
.Tooltip-leave { opacity: 1; }
.Tooltip-leave-active { opacity: 0; }
.TooltipContent-wrapper { position: relative; width: 0; height: 0; }
.TooltipContent { position: absolute; top: 0; left: 0; padding: 6px 8px; color: #FFFFFF; white-space: nowrap; background-color: rgba(26, 26, 26, 0.8); border-radius: 4px; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
html[data-theme="dark"] .TooltipContent { color: #1A1A1A; }
html[data-theme="dark"] .TooltipContent { background-color: rgba(153, 153, 153, 0.8); }
.TooltipContent--top { -webkit-transform: translate(-50%, -100%) translateY(-8px); transform: translate(-50%, -100%) translateY(-8px); }
.TooltipContent--bottom { -webkit-transform: translate(-50%, 0) translateY(8px); transform: translate(-50%, 0) translateY(8px); }
.TooltipContent--left { -webkit-transform: translate(-100%, -50%) translateX(-8px); transform: translate(-100%, -50%) translateX(-8px); }
.TooltipContent--right { -webkit-transform: translate(0, -50%) translateX(8px); transform: translate(0, -50%) translateX(8px); }
.TooltipContent::before { position: absolute; z-index: -1; border-color: rgba(26, 26, 26, 0.8) transparent transparent  rgba(26, 26, 26, 0.8); border-style: solid; border-width: 4px; content: ''; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
html[data-theme="dark"] .TooltipContent::before { border-color: rgba(153, 153, 153, 0.8) transparent transparent  rgba(153, 153, 153, 0.8); }
.TooltipContent--top::before { top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.TooltipContent--bottom::before { top: 0; left: 50%; }
.TooltipContent--left::before { top: 50%; left: 100%; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.TooltipContent--right::before { top: 50%; left: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.TooltipContent a { color: inherit; text-decoration: underline; }




.Sticky.is-fixed { position: fixed; z-index: 100; box-sizing: border-box; /* https://stackoverflow.com/questions/21278020/font-weight-turns-lighter-on-mac-safari */
-webkit-font-smoothing: subpixel-antialiased; }
.Sticky.is-absolute { position: absolute; top: auto; bottom: 0; z-index: 1; margin-bottom: 0; box-sizing: border-box; }
.Sticky.is-absolute.is-bottom { top: 0; bottom: auto; margin-top: 0; }
.Sticky.Sticky--CSSSticky { position: -webkit-sticky; position: sticky; }
.Sticky--holder{ visibility: hidden; }
.Sticky--headHolder{ visibility: hidden;position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; display: none; float: none; margin: 0px; height: 52px;}

.Sticky--voteHolder{position: static; top: auto; right: auto; bottom: auto; left: auto; display: block; float: none; margin: 0px -20px 0; height: 10px; width: 694px;}

 @-webkit-keyframes linear-double {
 0% {
 -webkit-transform: translateX(-56%);
 transform: translateX(-56%);
}
 100% {
 -webkit-transform: translateX(56%);
 transform: translateX(56%);
}
}
 @keyframes linear-double {
 0% {
 -webkit-transform: translateX(-56%);
 transform: translateX(-56%);
}
 100% {
 -webkit-transform: translateX(56%);
 transform: translateX(56%);
}
}
.Menu { padding: 6px 0; }
.Menu-item { display: block; width: 100%; padding: 0 20px; text-align: left; cursor: pointer; box-sizing: border-box; }
.Menu-item.is-active { background: #F6F6F6; }
html[data-theme="dark"] .Menu-item.is-active { background: #2E2E2E; }
.Menu-item--noActive { cursor: default; }

.Menu-item:not(.Menu-item--noActive):hover{background: #F6F6F6;}
html[data-theme="dark"] .Menu-item:not(.Menu-item--noActive):hover{background: #2E2E2E;}

/* 应与 ztext figcaption 一致 */


/* Popover 缺陷，不支持定制到目标元素距离 */


.Avatar { background: #FFFFFF; border-radius: 2px; }
html[data-theme="dark"] .Avatar { background: #1A1A1A; }
.Avatar--medium { border-radius: 3px; }
.Avatar--large { border-radius: 4px; }
.Avatar--round { border-radius: 50%; }

/**
 * 富文本样式
 */

/* TODO：删除这个，应由外部传入 ztext 专有的 mention class */

.RichText a.UserLink-link { color: #175199; }
.RichText a.UserLink-link:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .RichText a.UserLink-link:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .RichText a.UserLink-link { color: #175199; }
/**
 * 内容排版规范
 * 注意：
 * - 此样式表主要包含原生标签样式
 * - 文档（wiki）按 rem 标记，但样式需要跨多项目、多页面使用，不适合使用 rem，所以部分样式存在 rem/em 转换
 *
 * 行间距规范
 * - 约定了空段落应当被缩减高度
 */

.ztext { word-break: break-word; line-height: 1.6;/* 空段落 */
  /* 空段落的高度需要缩减为 2.8em */
  /* 1.4em 上边距 + 1.6em 行高 + 1.4em 下边距 在缩减后变成： */
}
.ztext > :first-child { margin-top: 0; }
.ztext > :last-child { margin-bottom: 0; }
/* 标题（暂只支持二级标题） */

.ztext h1,  .ztext h2,  .ztext h3,  .ztext h4,  .ztext h5,  .ztext h6 {
 margin-top: calc(1.4em * 2 / 1.2); margin-bottom: calc(1.4em / 1.2); font-size: 1.2em; line-height: 1.5; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .ztext h1, html[data-ios] .ztext h2, html[data-ios] .ztext h3, html[data-ios] .ztext h4, html[data-ios] .ztext h5, html[data-ios] .ztext h6 { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .ztext h1, html[data-android] .ztext h2, html[data-android] .ztext h3, html[data-android] .ztext h4, html[data-android] .ztext h5, html[data-android] .ztext h6 { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
/* 下划线 */

.ztext u { text-decoration: none; border-bottom: 1px dashed #808080; }
html[data-theme="dark"] .ztext u { border-bottom: 1px dashed #808080; }
/* 粗体 */
.ztext b { /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .ztext b { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .ztext b { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }

/* 段落 */

.ztext p { margin: .4em 0; }
/* http://wiki.in.zhihu.com/pages/viewpage.action?pageId=56537531 */

.ztext p.ztext-empty-paragraph {  margin: calc(  (2.8em - (1.4em * 2 + 1.6em)) /  2  )  0;
}
/* 连续的空段落可能是故意的，需要保留 */

.ztext p.ztext-empty-paragraph + .ztext-empty-paragraph { margin: 1.4em 0; }
/* 分割线 */

.ztext hr { margin: 4em auto; width: 240px; max-width: 100%; border: none; border-top: 1px solid #D3D3D3; }
html[data-theme="dark"] .ztext hr { border-top: 1px solid #2E2E2E; }
/* 公式 */

.ztext img { max-width: 100%; vertical-align: middle; }
/* 公式使用 GBK02A [#1A1A1A, #999999] */

/* inline math */



.Dropzone { position: relative; }
.Dropzone-cursor { position: absolute; left: 0; right: 0; margin: -1px 0; border-bottom: 2px solid #0084FF; pointer-events: none; }
html[data-theme="dark"] .Dropzone-cursor { border-bottom: 2px solid #3A76D0; }
.Editable-toolbar { align-items: center; display: flex; flex-wrap: wrap; background: #FFFFFF; border-bottom: 1px solid #EBEBEB; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Sticky.is-fixed .Editable-toolbar,  .isToolbarSticky .Editable-toolbar { border-top: none !important; border-bottom: none !important; }
.Sticky.is-fixed .Editable-toolbar::after, .isToolbarSticky .Editable-toolbar::after { content: ' '; position: absolute; left: 0; top: 100%; width: 100%; pointer-events: none; height: 3px; background: radial-gradient(  ellipse at 50%, at 1%,  rgba(26, 26, 26, 0.1),  rgba(255, 255, 255, 0) 80%  ); background: radial-gradient(  ellipse at 50% 1%,  rgba(26, 26, 26, 0.1),  rgba(255, 255, 255, 0) 80%  ); }
html[data-theme="dark"] .Sticky.is-fixed .Editable-toolbar::after, html[data-theme="dark"] .isToolbarSticky .Editable-toolbar::after { background: radial-gradient(  ellipse at 50%, at 1%,  rgba(153, 153, 153, 0.1),  rgba(26, 26, 26, 0) 80%  ); background: radial-gradient(  ellipse at 50% 1%,  rgba(153, 153, 153, 0.1),  rgba(26, 26, 26, 0) 80%  ); }
html[data-theme="dark"] .Editable-toolbar { background: #1A1A1A; }
html[data-theme="dark"] .Editable-toolbar { border-bottom: 1px solid #444444; }
.Editable-toolbar-separator { background-color: #EBEBEB; display: inline-block; height: 20px; margin: 0 3px; vertical-align: middle; width: 1px; }
html[data-theme="dark"] .Editable-toolbar-separator { background-color: #444444; }
.Editable-control { align-items: center; border: 1px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 26px; margin: 2px 2px; white-space: nowrap; }
.Editable-control .Zi { fill: #8590A6; }
html[data-theme="dark"] .Editable-control .Zi { fill: #606A80; }
.Editable-control:not(:disabled):hover { background: #F6F6F6; border-color: #EBEBEB; }
html[data-theme="dark"] .Editable-control:not(:disabled):hover { background: #2E2E2E; }
html[data-theme="dark"] .Editable-control:not(:disabled):hover { border-color: #444444; }
.Editable-control.is-active .Zi { fill: #0084FF; }
html[data-theme="dark"] .Editable-control.is-active .Zi { fill: #3A76D0; }
.Editable-control .Zi,  .Editable-control span { vertical-align: middle; }
.Editable-control .Zi + span { margin-left: 6px; }
.Editable-toolbarMenu { height: 26px; margin-left: auto; }
.Editable-toolbarMenuItem { align-items: center; display: flex; line-height: 36px; }
.Editable-toolbarMenuItem .Zi { margin-right: 4px; }
.Editable-videoModal .Modal-footer { padding: 12px 24px; }
.Editable-videoModal-title { font-size: 20px; font-weight: 500; color: #1A1A1A; }
html[data-theme="dark"] .Editable-videoModal-title { color: #999999; }
.Editable-videoModal-uploader { position: relative; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; height: 220px; border: 2px dashed #EBEBEB; border-radius: 10px; cursor: pointer; }
.Editable-videoModal-uploader:hover { border-color: #8590A6; }
.Editable-videoModal-uploader:hover .Zi { fill: #8590A6; }
html[data-theme="dark"] .Editable-videoModal-uploader:hover .Zi { fill: #606A80; }
html[data-theme="dark"] .Editable-videoModal-uploader:hover { border-color: #606A80; }
.Editable-videoModal-uploader input { display: none; }
html[data-theme="dark"] .Editable-videoModal-uploader { border: 2px dashed #444444; }
.Editable-videoModal-uploader-icon { text-align: center; display: block; }
.Editable-videoModal-uploader-icon .Zi { vertical-align: middle; fill: #EBEBEB; }
html[data-theme="dark"] .Editable-videoModal-uploader-icon .Zi { fill: #444444; }
.Editable-videoModal-uploader-text { margin-top: 10px; font-size: 18px; line-height: 30px; text-align: center; }
.Editable-videoModal-uploader-tip { font-size: 14px; line-height: 30px; text-align: center; color: #8590A6; }
html[data-theme="dark"] .Editable-videoModal-uploader-tip { color: #606A80; }
.Editable-docModal .Modal-footer { padding: 12px 24px; }
.Editable-docModal input[type='file'] { display: none; }
.Editable-docModal-title { font-size: 20px; font-weight: 500; color: #1A1A1A; }
html[data-theme="dark"] .Editable-docModal-title { color: #999999; }
.Editable-docModal-uploader { position: relative; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; height: 220px; border: 2px dashed #EBEBEB; border-radius: 10px; cursor: pointer; }
.Editable-docModal-uploader:hover { border-color: #8590A6; }
.Editable-docModal-uploader:hover .Zi { fill: #8590A6; }
html[data-theme="dark"] .Editable-docModal-uploader:hover .Zi { fill: #606A80; }
html[data-theme="dark"] .Editable-docModal-uploader:hover { border-color: #606A80; }
html[data-theme="dark"] .Editable-docModal-uploader { border: 2px dashed #444444; }
.Editable-docModal-uploader-icon { text-align: center; display: block; }
.Editable-docModal-uploader-icon .Zi { vertical-align: middle; fill: #EBEBEB; }
html[data-theme="dark"] .Editable-docModal-uploader-icon .Zi { fill: #444444; }
.Editable-docModal-uploader-text { font-size: 18px; line-height: 30px; margin-top: 20px; text-align: center; }
.Editable-docModal-uploader-tip { font-size: 14px; line-height: 30px; text-align: center; color: #8590A6; }
html[data-theme="dark"] .Editable-docModal-uploader-tip { color: #606A80; }
.Editable-docModal-fileName { align-items: center; display: flex; justify-content: center; }
.Editable-docModal-fileName .Zi { fill: #0084FF; margin-right: 4px; }
html[data-theme="dark"] .Editable-docModal-fileName .Zi { fill: #3A76D0; }
.Editable-docModal-loading { display: flex; justify-content: center; margin: 36px 0 12px; }
.Editable-docModal-fail { align-items: center; display: flex; flex-direction: column; text-align: center; }
.Editable-docModal-failHint { color: #F1403C; font-size: 16px; margin-top: 36px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .Editable-docModal-failHint { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .Editable-docModal-failHint { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .Editable-docModal-failHint { color: #B7302D; }
.Editable-docModal-retryButton { margin: 32px 0 10px; width: 220px; }
.WatermarkHint-modalBody { font-size: 14px; text-align: center; }
.WatermarkHint-modalContent { padding-top: 16px; }
.WatermarkHint-modalContent .ModalButtonGroup { margin-top: 32px; margin-bottom: 0; }
.WatermarkHint-modalTitle { font-size: 24px; margin: 32px 0 16px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .WatermarkHint-modalTitle { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .WatermarkHint-modalTitle { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.Editable-languageSuggestions { position: fixed; z-index: 203; }
.Editable-languageSuggestionsInput { /* simulate a search select */
cursor: pointer; }
.Editable-languageSuggestionsInput input { cursor: inherit; }
.Editable-languageSuggestionsInput input:focus { cursor: text; }
.Editable-languageSuggestionsMenu { max-height: 300px; margin-top: -8px; /* HACK: prevent mouseover to other block */ margin-bottom: -8px; /* HACK: prevent mouseover to other block */ overflow-y: auto; }
.Editable-languageSuggestionsMenuContainer { overflow-y: hidden; }
.Editable-notification-layout { display: flex; flex-direction: row; justify-content: space-between; }
.Editable-notification-actions { display: flex; flex-direction: row; margin: 0 -12px; }
.Editable-notification-action { margin: 0 12px; }
.Editable .RichText { cursor: text; }
.public-DraftEditorPlaceholder-root { position: absolute; pointer-events: none; }
.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root { display: none; }
/* 使连续的 block 不会贴在一起，并且间距与 RichText 一致 */
.Editable-styled, .Editable-unstyled { margin: 0 0 1.4em; }
.Editable-styled:first-child, .Editable-unstyled:first-child { margin-top: 0; }
.Editable-styled:last-child, .Editable-unstyled:last-child { /* 方便 block 样式容易被覆盖重新定义（如 .RichText blockquote） */
margin-bottom: 0; }
.DraftEditor-root blockquote + blockquote { margin-top: -1em; }
.DraftEditor-root pre.public-DraftStyleDefault-pre { border-radius: 4px; }
.DraftEditor-root pre.public-DraftStyleDefault-pre pre { padding: 0; margin: 0; border-radius: 0; overflow: visible; overflow: initial; }
/* 编辑器内的有序列表结构是扁平的，对不同级的列表项需要模拟缩进样式 */

.DraftEditor-root .public-DraftStyleDefault-unorderedListItem,  .DraftEditor-root .public-DraftStyleDefault-orderedListItem { margin: 0; }
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1 {  margin-left: calc(1.15em * 1);
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2 {  margin-left: calc(1.15em * 2);
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3 {  margin-left: calc(1.15em * 3);
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4 {  margin-left: calc(1.15em * 4);
}
/* 重置 ztext 列表样式 */

.DraftEditor-root .public-DraftStyleDefault-ul,  .DraftEditor-root .public-DraftStyleDefault-ol { display: block; }
.DraftEditor-root .public-DraftStyleDefault-ul > li, .DraftEditor-root .public-DraftStyleDefault-ol > li { display: flex; }
.DraftEditor-root .public-DraftStyleDefault-ul > li::before, .DraftEditor-root .public-DraftStyleDefault-ol > li::before { display: inline; display: initial; }
/* 编辑器内的有序列表结构是扁平的，对不同级的列表项需要重置序号，注意确保 200+ 项目符号显示正确 */

.DraftEditor-root .public-DraftStyleDefault-orderedListItem { list-style-type: none; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { counter-reset: ol0; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0::before { content: counter(ol0) '. '; counter-increment: ol0; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { counter-reset: ol1; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1::before { content: counter(ol1) '. '; counter-increment: ol1; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { counter-reset: ol2; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2::before { content: counter(ol2) '. '; counter-increment: ol2; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { counter-reset: ol3; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3::before { content: counter(ol3) '. '; counter-increment: ol3; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { counter-reset: ol4; }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4::before { content: counter(ol4) '. '; counter-increment: ol4; }

/**
  * IE/Edge 中禁用代码块的水平滚动条
  * 如果 IE/Edge 在 contenteditable 内部元素使用 overflow 样式，将出现一种 controlselect 行为：
  * 聚焦到此元素内后，无法移出光标；IE 同时会生成一个 resize 选择框，任何操作都无法移出焦点
  * IE/Edge only selector hack http://browserhacks.com/
  */
/* stylelint-disable-next-line */
_:-ms-lang(x), pre.public-DraftStyleDefault-pre, pre.public-DraftStyleDefault-pre pre {
 overflow: visible;
 overflow: initial;
 word-wrap: break-word;
}
/* stylelint-disable */
/**
   * prism.js default theme for JavaScript, CSS and HTML
   * Based on dabblet (http://dabblet.com)
   * @author Lea Verou
   */
.DraftEditor-root code[class*='language-'],  .DraftEditor-root pre[class*='language-'] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }
.DraftEditor-root pre[class*='language-']::-moz-selection,  .DraftEditor-root pre[class*='language-'] ::-moz-selection,  .DraftEditor-root code[class*='language-']::-moz-selection,  .DraftEditor-root code[class*='language-'] ::-moz-selection {
 text-shadow: none;
 background: #BFBFBF;
}
html[data-theme="dark"] .DraftEditor-root pre[class*='language-']::-moz-selection, html[data-theme="dark"] .DraftEditor-root pre[class*='language-'] ::-moz-selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-']::-moz-selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-'] ::-moz-selection {
 background: #808080;
}
.DraftEditor-root pre[class*='language-']::-moz-selection,  .DraftEditor-root pre[class*='language-'] ::-moz-selection,  .DraftEditor-root code[class*='language-']::-moz-selection,  .DraftEditor-root code[class*='language-'] ::-moz-selection {
 text-shadow: none;
 background: #BFBFBF;
}
.DraftEditor-root pre[class*='language-']::selection,  .DraftEditor-root pre[class*='language-'] ::selection,  .DraftEditor-root code[class*='language-']::selection,  .DraftEditor-root code[class*='language-'] ::selection { text-shadow: none; background: #BFBFBF; }
html[data-theme="dark"] .DraftEditor-root pre[class*='language-']::-moz-selection, html[data-theme="dark"] .DraftEditor-root pre[class*='language-'] ::-moz-selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-']::-moz-selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-'] ::-moz-selection {
 background: #808080;
}
html[data-theme="dark"] .DraftEditor-root pre[class*='language-']::selection, html[data-theme="dark"] .DraftEditor-root pre[class*='language-'] ::selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-']::selection, html[data-theme="dark"] .DraftEditor-root code[class*='language-'] ::selection { background: #808080; }

@media print {
.DraftEditor-root code[class*='language-'],  .DraftEditor-root pre[class*='language-'] { text-shadow: none; }
}
/* Code blocks */
.DraftEditor-root pre[class*='language-'] { padding: 1em; margin: 0.5em 0; overflow: auto; }
.DraftEditor-root :not(pre) > code[class*='language-'],  .DraftEditor-root pre[class*='language-'] { background: #F6F6F6; }
html[data-theme="dark"] .DraftEditor-root :not(pre) > code[class*='language-'], html[data-theme="dark"] .DraftEditor-root pre[class*='language-'] { background: #2E2E2E; }
/* Inline code */
.DraftEditor-root :not(pre) > code[class*='language-'] { padding: 0.1em; border-radius: 0.3em; white-space: normal; }
.DraftEditor-root .token.comment,  .DraftEditor-root .token.prolog,  .DraftEditor-root .token.doctype,  .DraftEditor-root .token.cdata { color: slategray; }
.DraftEditor-root .token.punctuation { color: #999999; }
html[data-theme="dark"] .DraftEditor-root .token.punctuation { color: #646464; }
.DraftEditor-root .namespace { opacity: 0.7; }
.DraftEditor-root .token.property,  .DraftEditor-root .token.tag,  .DraftEditor-root .token.boolean,  .DraftEditor-root .token.number,  .DraftEditor-root .token.constant,  .DraftEditor-root .token.symbol,  .DraftEditor-root .token.deleted { color: #FF3366; }
html[data-theme="dark"] .DraftEditor-root .token.property, html[data-theme="dark"] .DraftEditor-root .token.tag, html[data-theme="dark"] .DraftEditor-root .token.boolean, html[data-theme="dark"] .DraftEditor-root .token.number, html[data-theme="dark"] .DraftEditor-root .token.constant, html[data-theme="dark"] .DraftEditor-root .token.symbol, html[data-theme="dark"] .DraftEditor-root .token.deleted { color: #D92155; }
.DraftEditor-root .token.selector,  .DraftEditor-root .token.attr-name,  .DraftEditor-root .token.string,  .DraftEditor-root .token.char,  .DraftEditor-root .token.builtin,  .DraftEditor-root .token.inserted { color: #808080; }
html[data-theme="dark"] .DraftEditor-root .token.selector, html[data-theme="dark"] .DraftEditor-root .token.attr-name, html[data-theme="dark"] .DraftEditor-root .token.string, html[data-theme="dark"] .DraftEditor-root .token.char, html[data-theme="dark"] .DraftEditor-root .token.builtin, html[data-theme="dark"] .DraftEditor-root .token.inserted { color: #808080; }
.DraftEditor-root .token.operator,  .DraftEditor-root .token.entity,  .DraftEditor-root .token.url,  .DraftEditor-root .language-css .token.string,  .DraftEditor-root .style .token.string { color: #C2A469; background: rgba(255, 255, 255, 0.5); }
html[data-theme="dark"] .DraftEditor-root .token.operator, html[data-theme="dark"] .DraftEditor-root .token.entity, html[data-theme="dark"] .DraftEditor-root .token.url, html[data-theme="dark"] .DraftEditor-root .language-css .token.string, html[data-theme="dark"] .DraftEditor-root .style .token.string { color: #806E46; }
html[data-theme="dark"] .DraftEditor-root .token.operator, html[data-theme="dark"] .DraftEditor-root .token.entity, html[data-theme="dark"] .DraftEditor-root .token.url, html[data-theme="dark"] .DraftEditor-root .language-css .token.string, html[data-theme="dark"] .DraftEditor-root .style .token.string { background: rgba(26, 26, 26, 0.5); }
.DraftEditor-root .token.atrule,  .DraftEditor-root .token.attr-value,  .DraftEditor-root .token.keyword { color: #0084FF; }
html[data-theme="dark"] .DraftEditor-root .token.atrule, html[data-theme="dark"] .DraftEditor-root .token.attr-value, html[data-theme="dark"] .DraftEditor-root .token.keyword { color: #3A76D0; }
.DraftEditor-root .token.function { color: #FF3366; }
html[data-theme="dark"] .DraftEditor-root .token.function { color: #D92155; }
.DraftEditor-root .token.regex,  .DraftEditor-root .token.important,  .DraftEditor-root .token.variable { color: #FF9607; }
html[data-theme="dark"] .DraftEditor-root .token.regex, html[data-theme="dark"] .DraftEditor-root .token.important, html[data-theme="dark"] .DraftEditor-root .token.variable { color: #FF9607; }
.DraftEditor-root .token.important,  .DraftEditor-root .token.bold { /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .DraftEditor-root .token.important, html[data-ios] .DraftEditor-root .token.bold { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .DraftEditor-root .token.important, html[data-android] .DraftEditor-root .token.bold { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.DraftEditor-root .token.italic { font-style: italic; }
.DraftEditor-root .token.entity { cursor: help; }


.NumberBoard { display: flex; }
.NumberBoard--divider .NumberBoard-item + .NumberBoard-item .NumberBoard-itemInner { border-left: 1px solid #EBEBEB; }
html[data-theme="dark"] .NumberBoard--divider .NumberBoard-item + .NumberBoard-item .NumberBoard-itemInner { border-left: 1px solid #444444; }
.NumberBoard-item { flex: 1 1; }
.NumberBoard-item.Button { border: 0; line-height: unset; font-size: unset; }
.NumberBoard-item.Button:hover { background: none; }
.NumberBoard-item.Button:hover .NumberBoard-itemName,  .NumberBoard-item.Button:hover .NumberBoard-itemValue,  .NumberBoard-itema:hover .NumberBoard-itemName,  .NumberBoard-itema:hover .NumberBoard-itemValue { color: #175199; }
html[data-theme="dark"] .NumberBoard-item.Button:hover .NumberBoard-itemName, html[data-theme="dark"] .NumberBoard-item.Button:hover .NumberBoard-itemValue, html[data-theme="dark"] .NumberBoard-itema:hover .NumberBoard-itemName, html[data-theme="dark"] .NumberBoard-itema:hover .NumberBoard-itemValue { color: #175199; }
.NumberBoard-itemInner { text-align: center; line-height: 1.6; }
.NumberBoard-itemName { font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .NumberBoard-itemName { color: #606A80; }
.NumberBoard-itemValue { display: inline-block; font-size: 18px; color: #333333; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .NumberBoard-itemValue { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .NumberBoard-itemValue { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .NumberBoard-itemValue { color: #999999; }
.FollowButton { min-width: 96px; }
.FollowButton-icon { margin-right: 8px; fill: currentColor; }
.UserLink-badge { margin-left: 0.3em; }
.Comments-container { height: 100%; }
/* 去掉焦点元素的外边框 */
.CommentEditorV2 .RichText { min-height: auto !important; }
.CommentEditorV2--normal { position: relative; transition: padding-right 300ms ease; }
.CommentEditorV2--normal .CommentEditorV2-input { overflow: hidden; width: 100%; }
.CommentEditorV2--normal .Editable-unstyled { margin: 0 !important; }
.CommentEditorV2--normal.CommentEditorV2--active { display: flex; /* hack fix safari http://jira.in.zhihu.com/browse/CFE-594 */ padding-right: 94px; }
.CommentEditorV2--normal.CommentEditorV2--active .CommentEditorV2-singleButton { -webkit-transform: scale(1); transform: scale(1); }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions { margin-top: 16px; text-align: right; }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions .Button { line-height: 34px; }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions .Button + .Button { margin-left: 20px; }
.CommentEditorV2-singleButton { position: absolute; right: 16px; bottom: 13px; line-height: 34px !important; -webkit-transform: scale(0); transform: scale(0); transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease, -webkit-transform 300ms ease; height:37px;}
.CommentEditorV2-singleButton:disabled { cursor: not-allowed; }
.CommentEditorV2-input { font-size: 15px; }
.CommentEditorV2-input .Editable { background: transparent; }
.CommentEditorV2-input .Editable--focus { background: transparent; }
.CommentEditorV2-input .Dropzone { min-height: auto !important; }
.CommentEditorV2-startCommentButton { width: 100%; }
.CommentEditorV2-hiddenInput { position: absolute; z-index: -1; top: -9999px; }
.CommentEditorV2-input--mobile { min-height: 208px; }
.CommentEditorV2-input--mobile,  .CommentEditorV2-input--mobile.is-focus { border: none; }
.CommentEditorV2-input--mobile .Editable { background: #FFFFFF; }
html[data-theme="dark"] .CommentEditorV2-input--mobile .Editable { background: #1A1A1A; }
.CommentEditorV2-modalButtons { display: flex; padding: 8px 20px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
.CommentEditorV2-modalButtons .Button { flex: 1 1; }
.CommentEditorV2-modalButtons .Button + .Button { margin-left: 16px; }
html[data-theme="dark"] .CommentEditorV2-modalButtons { border-top: 1px solid #444444; }
html[data-theme="dark"] .CommentEditorV2-modalButtons { border-bottom: 1px solid #444444; }
.CommentEditorV2-inputWrap { position: relative; display: flex; align-items: flex-end; border: solid 1px #EBEBEB; border-radius: 3px; background-color: #F6F6F6;width: 100%;}
.CommentEditorV2-inputWrap .Input-wrapper { border: none; background: transparent; }
html[data-theme="dark"] .CommentEditorV2-inputWrap { border: solid 1px #444444;background-color: #2E2E2E; }
html[data-theme="dark"] .CommentEditorV2-inputWrap .Input-wrapper{border: none;background-color: #2E2E2E;}
.CommentEditorV2-inputWrap--change { display: block; }
.CommentEditorV2-inputWrap--active { flex: 1 1; /* hack fix safari http://jira.in.zhihu.com/browse/CFE-594 */ border: 1px solid #8590A6; background-color: #FFFFFF; }
html[data-theme="dark"] .CommentEditorV2-inputWrap--active { border: 1px solid #606A80; }
html[data-theme="dark"] .CommentEditorV2-inputWrap--active { background-color: #1A1A1A; }
html[data-theme="dark"] .CommentEditorV2-inputWrap--active .Input-wrapper{background-color: #1A1A1A;}
.CommentEditorV2-inputUpload { height: 36px; display: flex; align-items: center; }
.CommentEditorV2-inputUpload--FlexEnd { justify-content: flex-end; }
.CommentEditorV2-inputUpload--SpaceBetween { justify-content: space-between; }
.CommentEditorV2-inputUpLoad-Icon { margin-right: 12px; }
.CommentEditorV2-inputUpLoad-Icon .Editable-control .Zi { fill: currentcolor; }
.CommentEditorV2-popoverWrap { display: flex; }
.CommentEditorV2-popoverWrap .Editable-control:not(:disabled):hover { background-color: transparent; border-color: transparent; }
.CommentEditorV2-popoverWrap .CommentEditorV2-inputUpLoad-Icon--active .Zi.Zi--Emotion { fill: #0084FF; }
html[data-theme="dark"] .CommentEditorV2-popoverWrap .CommentEditorV2-inputUpLoad-Icon--active .Zi.Zi--Emotion { fill: #3A76D0; }
.CommentEditorV2-popoverWrap .CommentEditorV2-inputUpLoad-Icon--active .Editable-control:not(:disabled):hover .Zi.Zi--Emotion { fill: #0084FF; }
html[data-theme="dark"] .CommentEditorV2-popoverWrap .CommentEditorV2-inputUpLoad-Icon--active .Editable-control:not(:disabled):hover .Zi.Zi--Emotion { fill: #3A76D0; }
.CommentEditorV2-MaxLength { font-size: 14px; line-height: 1.71; color: #f1403c; padding-left: 12px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .CommentEditorV2-MaxLength { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .CommentEditorV2-MaxLength { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }

.CommentRichText .Richtext-content_img { overflow: hidden; position: relative; }
.CommentRichText .Richtext-content_img .comment_img,  .CommentRichText .Richtext-content_img .comment_gif { cursor: zoom-in; }
.CommentRichText .Richtext-content_img img { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.CommentRichText .Richtext-content_img-square { width: 80px; height: 80px; }
.CommentRichText .Richtext-content_img-square img { width: 80px; height: 80px; }
.CommentRichText .Richtext-content_img-square--wideShape { max-width: 160px; height: 80px; }
.CommentRichText .Richtext-content_img-square--wideShape img { width: 160px; }
.CommentRichText .Richtext-content_img-square--highShape { width: 80px; max-height: 160px; }
.CommentRichText .Richtext-content_img-square--highShape img { height: 160px; }
.CommentRichText-ImageView { z-index: 300; }
.CommentItemV2 { /* flex bug for Safari 9, see: https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored */
position: relative; flex-shrink: 0; padding: 12px 20px 10px; font-size: 15px; }
.CommentItemV2:not(:first-child)::after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0 20px; margin-top: 10px; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .CommentItemV2:not(:first-child)::after { border-bottom: 1px solid #2E2E2E; }
.CommentItemV2-shield { font-size: 15px; color: #999999; }
html[data-theme="dark"] .CommentItemV2-shield { color: #646464; }
.CommentItemV2-meta { position: relative; height: 24px; padding-right: 3px; padding-left: 1px; margin-bottom: 4px; line-height: 24px; }
.CommentItemV2-meta .UserLink-link { font-weight: 500; }
.CommentItemV2-metaSibling { padding-left: 33px; }
.CommentItemV2-avatar { margin-right: 8px; }
.CommentItemV2-avatar .UserLink-avatar { vertical-align: top; }
.CommentItemV2-roleInfo, .CommentItemV2-reply { color: #8590A6; }
html[data-theme="dark"] .CommentItemV2-roleInfo, html[data-theme="dark"] .CommentItemV2-reply { color: #606A80; }
.CommentItemV2-reviewing { margin-left: 8px; }
.CommentItemV2-reply { margin-right: 8px; margin-left: 8px; }
.CommentItemV2-roleInfo { /* 标点挤压 */
margin-right: -8px; }
.CommentItemV2-time { float: right; font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .CommentItemV2-time { color: #606A80; }
.CommentItemV2-content { margin-bottom: 6px; line-height: 25px; }
.CommentItemV2-editor { padding: 12px 0; }
.CommentItemV2-footer { display: flex; align-items: center; height: 24px; font-size: 14px; line-height: 24px; margin-top: 4px; }
.CommentItemV2-footer .Button + .Button { margin-left: 20px; }
.CommentItemV2-mobileFooter .Button + .Button { margin-left: 0; }
.CommentItemV2-hoverBtn { opacity: 0; transition: opacity 0.2s; }
.CommentItemV2:hover .CommentItemV2-hoverBtn { opacity: 1; }
.CommentItemV2-likeBtn:disabled { opacity: 1; }
.CommentItemV2-likeBtn.is-liked { color: #0084FF; }
.CommentItemV2-likeBtn.is-liked:hover { color: #0084FF; }
.CommentItemV2-likeBtn.is-liked:hover .Icon { fill: currentColor; }
.CommentItemV2-unlikeBtn:disabled{opacity: 0;}
.CommentItemV2-unlikeBtn.is-liked { color: #0084FF; }
.CommentItemV2-unlikeBtn.is-liked:hover { color: #0084FF; }
.CommentItemV2-unlikeBtn.is-liked:hover .Icon { fill: currentColor; }

.ContentItem-actions .itzjj-favoriteButton.is-liked,
.ContentItem-actions .itzjj-thankButton.is-liked {
  color: #0084FF;
}

html[data-theme="dark"] .CommentItemV2-likeBtn.is-liked:hover { color: #175199; }
.CommentItemV2-likeBtn.is-liked .Icon { fill: currentColor; }
html[data-theme="dark"] .CommentItemV2-likeBtn.is-liked { color: #3A76D0; }
.CommentItemV2--highlighted { -webkit-animation: highlight 1600ms ease-out; animation: highlight 1600ms ease-out; }
 @-webkit-keyframes highlight {
 from {
 background: rgba(0, 132, 255, 0.06);
}
 to {
 background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
 background: initial;
}
}
 @keyframes highlight {
 from {
 background: rgba(0, 132, 255, 0.06);
}
 to {
 background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
 background: initial;
}
}

.CommentItemV2-replyArrow { color: #8590A6; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 0 5px 0 8px; }
html[data-theme="dark"] .CommentItemV2-replyArrow { color: #606A80; }
.CommentItemV2-userLink { max-width: 80px; /* 与设计一致，不支持设备将回退为 700 */

font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */

font-synthesis: style; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; }

@media (min-width: 360px) {
.CommentItemV2-userLink { max-width: 100px; }
}
html[data-ios] .CommentItemV2-userLink { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .CommentItemV2-userLink { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.CommentItemV2-menu-item { padding-top: 13px; padding-bottom: 13px; }
.CommentItemV2-editor.CommentEditorV2--active { padding-right: 78px; }
.CommentItemV2-editor .CommentEditorV2-singleButton { right: 0; }
.CommentItemV2-walleTag { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #8590A6; margin-left: 16px; margin-right: 16px; }
html[data-theme="dark"] .CommentItemV2-walleTag { color: #606A80; }
.CommentItemV2-walleIcon { margin-right: 4px; }
.CommentMoreReplyButton { padding: 12px 20px 12px 84px; }
.NestComment { position: relative; }
.NestComment:not(:last-child):after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0 20px; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .NestComment:not(:last-child):after { border-bottom: 1px solid #2E2E2E; }
.NestComment .NestComment--child { position: relative; padding-left: 33px; }
.NestComment .NestComment--child:after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin-right: 20px; margin-left: 84px; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .NestComment .NestComment--child:after { border-bottom: 1px solid #2E2E2E; }
.NestComment--rootComment { position: relative; }
.NestComment--rootComment:after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin-right: 20px; margin-left: 52px; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .NestComment--rootComment:after { border-bottom: 1px solid #2E2E2E; }
.NestComment-nextSiblings--noBorder + .NestComment:after,  .NestComment-nextSiblings--noBorder + .NestComment .CommentItemV2:after { content: none; }

.Comments-container { height: 100%; }
.CommentsV2 { display: flex; flex-direction: column; height: 100%; overflow: hidden; box-sizing: border-box; }
.CommentsV2--hidden { display: none; }
.Comments-titleLink a { color: #175199; }
.Comments-titleLink a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .Comments-titleLink a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .Comments-titleLink a { color: #175199; }
.CommentListV2 { flex: 1 1; overflow-x: hidden; overflow-y: auto; }
.CommentListV2-divider { position: relative; margin: 0 20px; font-size: 14px; color: #8590A6; text-align: center; }
.CommentListV2-divider:first-child { margin-top: 16px; }
html[data-theme="dark"] .CommentListV2-divider { color: #606A80; }
.CommentListV2-dividerLine { position: absolute; top: 0; bottom: 0; width: 100%; height: 0; margin: auto; border-top: 1px solid #F6F6F6; }
html[data-theme="dark"] .CommentListV2-dividerLine { border-top: 1px solid #2E2E2E; }
.CommentListV2-dividerText { position: relative; z-index: 2; display: inline-block; padding: 0 1em; background-color: #FFFFFF; }
.CommentListV2-dividerText .CommentListV2-questionMark { margin-left: 8px; }
html[data-theme="dark"] .CommentListV2-dividerText { background-color: #1A1A1A; }
.CommentsV2-footer { padding: 12px 20px; background: #FFFFFF; border-top: 1px solid #EBEBEB; }
html[data-theme="dark"] .CommentsV2-footer { background: #1A1A1A; }
html[data-theme="dark"] .CommentsV2-footer { border-top: 1px solid #444444; }
.CommentsV2-disabledText { display: flex; padding: 14px 12px; color: #8590A6; background-color: #F6F6F6; border-top: 1px solid #F6F6F6; box-sizing: border-box; align-items: center; justify-content: center; }
html[data-theme="dark"] .CommentsV2-disabledText { color: #606A80; }
html[data-theme="dark"] .CommentsV2-disabledText { background-color: #2E2E2E; }
html[data-theme="dark"] .CommentsV2-disabledText { border-top: 1px solid #2E2E2E; }
.CommentsV2-disabledText--fixed { position: fixed; width: 100%; bottom: 0; background: #FFFFFF; }
.CommentsV2-disabledText--fixed .CommentsV2-disabledReason { padding-top: 8px; padding-bottom: 8px; background: #F6F6F6; width: 100%; text-align: center; border-radius: 3px; }
html[data-theme="dark"] .CommentsV2-disabledText--fixed .CommentsV2-disabledReason { background: #2E2E2E; }
html[data-theme="dark"] .CommentsV2-disabledText--fixed { background: #1A1A1A; }
.CommentListV2-action { position: relative; padding: 16px 0; text-align: center; }
.CommentListV2-action::after { position: absolute; top: 0; display: block; width: calc(100% - 48px); border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .CommentListV2-action::after { border-bottom: 1px solid #2E2E2E; }
.CommentListV2-action a { color: #175199; }
.CommentListV2-action a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .CommentListV2-action a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .CommentListV2-action a { color: #175199; }
.CommentsV2-withPagination { border: 1px solid #EBEBEB; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); background: #FFFFFF; overflow: visible; border-radius: 4px; }
html[data-theme='dark'] .CommentsV2-withPagination { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.CommentsV2-withPagination .CommentListV2 { overflow-y: visible; }
html[data-theme="dark"] .CommentsV2-withPagination { border: 1px solid #444444; }
html[data-theme="dark"] .CommentsV2-withPagination { background: #1A1A1A; }
.CommentsV2-pagination { border-top: 1px solid #EBEBEB; }
html[data-theme="dark"] .CommentsV2-pagination { border-top: 1px solid #444444; }
.CommentsV2-Packup-Button { background: rgba(235, 235, 235, 0.95); border-radius: 3px; position: fixed; height: 30px; width: 93px; bottom: 30px; left: 570px; font-size: 13px; color: #8590A6; letter-spacing: 0; margin-left: -93px; }
.CommentsV2-Packup-Button:hover { color: #808080; }
html[data-theme="dark"] .CommentsV2-Packup-Button:hover { color: #808080; }
.CommentsV2-Packup-Button .Icon { margin-left: 6px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.CommentsV2-Packup-Button-enter,  .CommentsV2-Packup-Button-leave { transition: opacity 0.3s; }
.CommentsV2-Packup-Button-enter { opacity: 0; }
.CommentsV2-Packup-Button-enter-active { opacity: 1; }
.CommentsV2-Packup-Button-leave { opacity: 1; }
.CommentsV2-Packup-Button-leave-active { opacity: 0; }
html[data-theme="dark"] .CommentsV2-Packup-Button { background: rgba(68, 68, 68, 0.95); }
html[data-theme="dark"] .CommentsV2-Packup-Button { color: #606A80; }
.CommentsV2-empty { padding: 60px 0; flex: 1 1; box-sizing: border-box; overflow: auto; }
.CommentListV2-expendCollapseButton { color: #8590A6; cursor: pointer; }
.CommentListV2-expendCollapseButton:hover { color: #808080; }
html[data-theme="dark"] .CommentListV2-expendCollapseButton:hover { color: #808080; }
html[data-theme="dark"] .CommentListV2-expendCollapseButton { color: #606A80; }
/* 去掉焦点元素的外边框 */
.CommentItemV2 { outline: none; }
.CommentsV2-replyNum { padding: 12px 0px 10px; margin: 0 20px; border-bottom: 1px solid #F6F6F6; font-weight: 500; }
html[data-theme="dark"] .CommentsV2-replyNum { border-bottom: 1px solid #2E2E2E; }
.CommentsV2-openComment-divider { height: 10px; background-color: #F6F6F6; }
html[data-theme="dark"] .CommentsV2-openComment-divider { background-color: #2E2E2E; }
.CommentListV2-header-divider { padding: 10px 20px; font-size: 14px; color: #808080; background-color: rgba(246, 246, 246, 0.5); /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .CommentListV2-header-divider { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .CommentListV2-header-divider { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .CommentListV2-header-divider { color: #606A80;background-color: #2E2E2E;}

.AuthorInfo { display: flex; align-items: center;display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;}
.AuthorInfo-avatar { vertical-align: top; }
.AuthorInfo-content { flex: 1 1; margin-left: 14px; overflow: hidden;-webkit-box-flex: 1;}
.AuthorInfo-head { display: flex; align-items: center; font-size: 15px; line-height: 1.1; flex-shrink: 0; }
.AuthorInfo-name { /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; color: #444444; }
html[data-ios] .AuthorInfo-name { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .AuthorInfo-name { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .AuthorInfo-name { color: #808080; }
.AuthorInfo-badge { display: flex; align-items: center; margin-top: 2px; font-size: 14px; }
/* bio 始终比 name 浅 */
.AuthorInfo-badgeText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #646464; }
html[data-theme="dark"] .AuthorInfo-badgeText { color: #999999; }
.AuthorInfo--plain .AuthorInfo-content { display: flex; align-items: center; /* 横向放置，对齐里面可能的 extra */ margin-left: 10px; }
.AuthorInfo--plain .AuthorInfo-badge > *:first-child { margin-top: 0; }
.AuthorInfo--plain .AuthorInfo-badge > *:first-child::before { content: '\FF0C'; }
.AuthorInfo-detail { overflow: hidden; }



.Tag { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; color: #0084FF; /* color: cc(GBK05A); */
vertical-align: top; border-radius: 100px; /* 暂时与投票按钮样式一致，一周后改成灰色再 a/b test */
  /* background: cc(GBK10A); */
background: rgba(0, 132, 255, 0.1); }
.Tag:hover { background-color: rgba(0, 132, 255, 0.15); }
html[data-theme="dark"] .Tag:hover { background-color: rgba(58, 118, 208, 0.15); }
.Tag--removable { padding-right: 28px; }
html[data-theme="dark"] .Tag { color: #3A76D0; }
html[data-theme="dark"] .Tag { background: rgba(58, 118, 208, 0.1); }













.SearchBar { display: flex; }
.SearchBar-toolWrapper { position: relative; z-index: 104; width: 326px; }
.SearchBar-tool { position: relative; float: left; overflow: hidden; }
.SearchBar-tool .Popover { display: block; }
.SearchBar-input { width: 326px; padding-left: 16px; transition: width 200ms ease, background 300ms ease; }
.SearchBar-focusedInput { width: 400px; }
.SearchBar-searchIcon { position: absolute; right: -11px; top: -17px; bottom: -17px; background: transparent; border: transparent; padding: 0 12px; border-bottom-left-radius: 0; border-top-left-radius: 0; transition: fill 300ms ease; }
.AppHeader { position: relative; z-index: 100; width:100%; overflow: hidden; background: #FFFFFF; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); background-clip: content-box; }
html[data-theme='dark'] .AppHeader { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.AppHeader.is-fixed { z-index: 110; }
html[data-theme="dark"] .AppHeader { background: #1A1A1A; }
.AppHeader-inner { position: relative; display: flex; width: 1000px; height: 52px; padding: 0 16px; margin: 0 auto; align-items: center; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.AppHeader.is-hidden .AppHeader-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.AppHeader-inner .LogoText{color: #0084FF;font-size: 32px;}
html[data-theme="dark"] .AppHeader-inner .LogoText{color: #3A76D0;}

.AppHeader-nav { display: flex; justify-content: space-between; height: 30px; margin-right: 18px; margin-left: 27px; color: #999999; }
html[data-theme="dark"] .AppHeader-nav { color: #646464; }
.AppHeader-navItem { padding: 0 15px; font-size: 15px; line-height: 30px; color: #8590A6; }
.AppHeader-navItem.AppHeader-navItem-orgHome { padding-right: 22px; }
.AppHeader-navItem:hover { color: #175199; }
html[data-theme="dark"] .AppHeader-navItem:hover { color: #175199; }
.AppHeader-navItem.is-active { color: #444444; }
html[data-theme="dark"] .AppHeader-navItem.is-active { color: #808080; }
.AppHeader-navItem.is-org-active { color: #1A1A1A; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .AppHeader-navItem.is-org-active { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .AppHeader-navItem.is-org-active { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .AppHeader-navItem.is-org-active { color: #999999; }
.AppHeader-navItem:first-child { padding-left: 0; }
html[data-theme="dark"] .AppHeader-navItem { color: #606A80; }
.AppHeader-navDivider { height: 15px; border-right: 1px #D3D3D3 solid; align-self: center; }
html[data-theme="dark"] .AppHeader-navDivider { border-right: 1px #2E2E2E solid; }
.AppHeader-input { width: 345px; }
.AppHeader-userInfo { flex: 1 1; justify-content: flex-end; display: flex; align-items: center; }
.AppHeader-notifications, .AppHeader-messages { margin-right: 40px; }
.AppHeader-profile { position: relative; font-size:0;}
.AppHeader-profile .AppHeader-profileEntry{display: flex;display:-webkit-flex;display:-ms-flexbox;;align-items:center;}
.AppHeader-profile .AppHeader-profileAvatar{margin-right: 10px;}
.AppHeader-profile .AppHeader-profileName{margin-right: 10px;}
.AppHeader-login { margin-right: 16px; }




body { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif; font-size: 16px; color: #1A1A1A; background: #F6F6F6; -webkit-tap-highlight-color: rgba(26, 26, 26, 0); }
html[data-theme="dark"] body { color: #999999; }
html[data-theme="dark"] body { background: #000000; }
html[data-theme="dark"] body { -webkit-tap-highlight-color: rgba(153, 153, 153, 0); }
.App-main { display: block; }

.PageHeader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.PageHeader:not(.is-shown) { -webkit-transform: translateY(100%); transform: translateY(100%); }


.Footer { padding: 10px 0 10px 5px; font-size: 13px; line-height: 2; color: #8590A6; text-align:center;}
html[data-theme="dark"] .Footer { color: #606A80; }
.Footer-dot::after { margin: 0 5px; content: '\B7'; }
.Footer-item { display: inline-block; }
a.Footer-item:hover { color: #175199; cursor: pointer; }
html[data-theme="dark"] a.Footer-item:hover { color: #175199; }


.List-header { display: flex; justify-content: space-between; align-items: center; height: 50px; margin: 0 20px; border-bottom: 1px solid #F6F6F6; box-sizing: border-box; }
html[data-theme="dark"] .List-header { border-bottom: 1px solid #2E2E2E; }
.List-headerText { margin: 0; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
html[data-ios] .List-headerText { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .List-headerText { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.List-headerOptions { font-size: 14px; }
.List-item { position: relative; padding: 16px 20px; }
.List-item:focus { outline: none; transition: box-shadow 0.3s; }
.List-item + .List-item::after { position: absolute; left: 0; right: 0; top: 0; margin: 0 20px; display: block; border-bottom: 1px solid #F6F6F6; content: ''; }
html[data-theme="dark"] .List-item + .List-item::after { border-bottom: 1px solid #2E2E2E; }






.ContentItem-title { font-size: 18px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; line-height: 1.6; color: #1A1A1A; margin-top: -4px; margin-bottom: -4px; }
html[data-ios] .ContentItem-title { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .ContentItem-title { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.ContentItem-title + .ContentItem-meta { margin-top: 6px; }
.ContentItem-title a:hover { color: #175199; }
html[data-theme="dark"] .ContentItem-title a:hover { color: #175199; }
html[data-theme="dark"] .ContentItem-title { color: #999999; }
.ContentItem-meta { font-size: 15px; color: #646464; }
.ContentItem-meta .ColumnItem-meta,  .ContentItem-meta .TopicItem-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-theme="dark"] .ContentItem-meta { color: #999999; }
.ContentItem-avatar { display: inline-block; margin-right: 10px; vertical-align: middle; }
.ContentItem-avatar .UserLink-avatar { width: 38px; height: 38px; vertical-align: top; }
.ContentItem-author { padding-top: 10px; }
.ContentItem-status { margin-top: 5px; color: #8590A6; font-size: 14px; }
html[data-theme="dark"] .ContentItem-status { color: #606A80; }
.ContentItem-statusItem:not(:first-child)::before { margin: 0 5px; content: '\B7'; }
.ContentItem-actions { display: flex; align-items: center; padding: 10px 20px; margin: 0 -20px -10px; color: #646464; background: #FFFFFF; clear: both;font-size: 0;}
.ContentItem-actions.is-fixed { margin: 0; box-shadow: 0 -1px 3px rgba(26, 26, 26, 0.1);bottom: 0px; margin-left:-20px;width: 694px; left:auto;}
html[data-theme="dark"] .ContentItem-actions.is-fixed { box-shadow: 0 -1px 3px rgba(153, 153, 153, 0.1); }
html[data-theme="dark"] .ContentItem-actions { color: #999999; }
html[data-theme="dark"] .ContentItem-actions { background: #1A1A1A; }
.ContentItem-action { margin-left: 24px; font-size: 14px; }
.ContentItem-action:first-child { margin-left: 0; }
.ContentItem-rightButton { margin-left: auto; }
.ContentItem-rightButton .Icon { margin-left: 8px; }
.ContentItem-more { padding: 0; margin-left: 4px; color: #175199; }
.ContentItem-more:hover { color: #808080; }
html[data-theme="dark"] .ContentItem-more:hover { color: #808080; }
.ContentItem-more .Icon { fill: currentColor; }
html[data-theme="dark"] .ContentItem-more { color: #175199; }
.ContentItem-time { margin-top: 10px; font-size: 14px; color: #8590A6; }
.ContentItem-time a:hover { border-bottom: 1px solid rgba(133, 144, 166, 0.72); }
html[data-theme="dark"] .ContentItem-time a:hover { border-bottom: 1px solid rgba(96, 106, 128, 0.72); }
html[data-theme="dark"] .ContentItem-time { color: #606A80; }
.ContentItem-arrowIcon.is-active { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.ContentItem-main { display: flex; }
.ContentItem-image { float: left; margin-right: 16px; }
.ContentItem-head { flex: 1 1; overflow: hidden; margin-right: 6px; }
.ContentItem-extra { align-self: center; }
.ContentItem-cells { display: flex; margin-top: 10px; line-height: 26px; }
.ContentItem-cell:not(:first-child) { margin-left: 40px; }
.ContentItem-cell > span:first-child { color: #8590A6; }
html[data-theme="dark"] .ContentItem-cell > span:first-child { color: #606A80; }




.RichContent { line-height: 1.67; }
.RichContent b .UserLink-link { font-weight: inherit; }
.RichContent.is-collapsed .RichContent-inner { max-height: 100px; }
.RichContent--unescapable.is-collapsed { position: relative; overflow: hidden; }
.RichContent--unescapable.is-collapsed .RichContent-inner { position: relative;max-height: 200px; transition: max-height 0.32s cubic-bezier(0.95, 0.05, 0.795, 0.035),  -webkit-mask-size 0.22s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: mask-size 0.22s cubic-bezier(0.95, 0.05, 0.795, 0.035),  max-height 0.32s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: mask-size 0.22s cubic-bezier(0.95, 0.05, 0.795, 0.035),  max-height 0.32s cubic-bezier(0.95, 0.05, 0.795, 0.035),  -webkit-mask-size 0.22s cubic-bezier(0.95, 0.05, 0.795, 0.035); -webkit-mask-image: linear-gradient(  #1A1A1A calc(100% - 8rem),  transparent calc(100% - 2.8rem)  ); mask-image: linear-gradient(  #1A1A1A calc(100% - 8rem),  transparent calc(100% - 2.8rem)  ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
html[data-theme="dark"] .RichContent--unescapable.is-collapsed .RichContent-inner { -webkit-mask-image: linear-gradient(  #999999 calc(100% - 8rem),  transparent calc(100% - 2.8rem)  ); mask-image: linear-gradient(  #999999 calc(100% - 8rem),  transparent calc(100% - 2.8rem)  ); }
.RichContent--unescapable.is-collapsed .ContentItem-actions { position: relative;box-shadow: none;}
.RichContent--unescapable.is-collapsed .ContentItem-rightButton { position: absolute; z-index: 1; bottom: 75px; left: 0; width: 100%; color: #175199; font-size: 15px; }
html[data-theme="dark"] .RichContent--unescapable.is-collapsed .ContentItem-rightButton { color: #175199; }

@media (min-width: 690px) {
.RichContent.is-collapsed { cursor: pointer; transition: color 140ms ease-out; }
.RichContent.is-collapsed .CopyrightRichText-richText { pointer-events: none; }
.RichContent.is-collapsed .RichContent-inner:hover { color: #646464; }
html[data-theme="dark"] .RichContent.is-collapsed .RichContent-inner:hover { color: #999999; }
}
.RichContent.is-collapsed:not(.RichContent--unescapable) .CopyrightRichText-richText { white-space: normal; }
.RichContent-inner { margin-top: 9px; margin-bottom: -4px; overflow: hidden; }
.RichContent-cover { position: relative; width: 190px; height: 105px; margin-top: -2px; margin-right: 18px; margin-bottom: 4px; float: left; overflow: hidden; background-position: center; background-size: cover; border-radius: 4px; -webkit-transform: translate3d(  0,  0,  0  ); transform: translate3d(  0,  0,  0  ); }
/* for chrome bug: transform overwrite overflow */

.RichContent-cover + .RichContent-inner { margin-top: 16px; }
.RichContent-cover::after { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.02); content: ''; }
html[data-theme="dark"] .RichContent-cover::after { background: rgba(153, 153, 153, 0.02); }
.RichContent-cover .VagueImage { vertical-align: top; }
.RichContent-cover-play { position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 48px; height: 48px; box-shadow: 0 0 4px 0 rgba(26, 26, 26, 0.16); border-radius: 50%; }
html[data-theme="dark"] .RichContent-cover-play { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); }
.RichContent-cover-inner { position: absolute; top: 50%; left: 0; height: 100%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; }
.RichContent-cover-inner img { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.RichContent-cover > img { margin: 0 !important; }

.RichContent-cover--mobile { float: none; width: 100%; height: 0; padding: 21% 0; margin: 10px 0 -8px !important; }

@media (max-width: 320px) {
.RichContent-collapsedText { display: none }
}
.RichContent-actions.is-fixed { -webkit-animation: 200ms slideInUp; animation: 200ms slideInUp; }
.RichContent-videoMore { text-align: center; font-size: 14px; margin-top: 30px; color: #0084FF; }
html[data-theme="dark"] .RichContent-videoMore { color: #3A76D0; }

@-webkit-keyframes slideInUp {
from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}

.ShareMenu-button { align-items: center; display: flex; font-size: 14px; height: 40px; }
.ShareMenu-button .ShareMenu-Icon--normal { margin-left: -2px; margin-right: 6px; }
.ShareMenu-button .ShareMenu-Icon--small { margin-right: 7px; }
.ShareMenu-wechat { display: flex; flex-direction: column; padding-bottom: 12px; }
.ShareMenu-fakeQRCode { display: none; }
.ShareMenu-qrCode { width: 94px; height: 94px; }





.Voters { color: #8590A6; }
html[data-theme="dark"] .Voters { color: #606A80; }
.VoteButton { padding: 0 10px; color: #0084FF; background: rgba(0, 132, 255, 0.1); border-color: transparent; }
.VoteButton:not(:disabled):hover { background-color: rgba(0, 132, 255, 0.15); }
html[data-theme="dark"] .VoteButton:not(:disabled):hover { background-color: rgba(58, 118, 208, 0.15); }
.VoteButton:disabled:hover { background: #F6F6F6; }
html[data-theme="dark"] .VoteButton:disabled:hover { background: #2E2E2E; }
.VoteButton.is-active { color: #FFFFFF; background: #0084FF;}
.VoteButton.is-active:hover { background-color: #0084FF; }
html[data-theme="dark"] .VoteButton.is-active:hover { background-color: #3A76D0; }
html[data-theme="dark"] .VoteButton.is-active { color: #EBEBEB; }
html[data-theme="dark"] .VoteButton.is-active { background: #3A76D0; }
html[data-theme="dark"] .VoteButton { color: #3A76D0; }
html[data-theme="dark"] .VoteButton { background: rgba(58, 118, 208, 0.1); }
.VoteButton:focus { outline: none; }

.VoteButton-TriangleUp { margin-right: 5px; }
.VoteButton--down { margin-left: 4px; }
.VoteButton--down.VoteButton--mobileDown { margin-left: 8px; }
.VoteButton i{ font-style:normal;}


/* HACK: 在 body 锁定滚动时，会使用 fixed 定位，为了使 Popover 正常定位，需要配合使用 fixed */
/* @see http://jira.in.zhihu.com/browse/WEBB-328 */
body.scroll-locked .Popover-content { position: fixed; }
.AnswerItem-meta { position: relative; margin-top: 14px; }
.AnswerItem-meta .AnswerItem-sticky { font-size: 14px; color: #8590A6; cursor: default; }
html[data-theme="dark"] .AnswerItem-meta .AnswerItem-sticky { color: #606A80; }
.AnswerItem-selfMenu { font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .AnswerItem-selfMenu { color: #606A80; }
.AnswerItem-selfMenuItem { line-height: 40px; }
.AnswerItem-selectMenuItem { position: relative; padding-left: 44px; line-height: 40px; }
.AnswerItem-selectMenuItem .Icon { position: absolute; top: 10px; left: 20px; }
.AnswerItem-commercialBadge { display: block; background-color: rgba(201, 164, 105, 0.1); color: #C2A469; font-size: 14px; padding: 12px; margin-top: 12px; border-radius: 4px; }
html[data-theme="dark"] .AnswerItem-commercialBadge { color: #806E46; }
.AnswerItem-commercialBadge-brand { background: rgba(0, 132, 255, 0.08); color: rgba(23, 81, 153, 0.72); }
.AnswerItem-commercialBadge-brand .Zi--BadgeWrite { margin-right: 6px; vertical-align: text-bottom; }
html[data-theme="dark"] .AnswerItem-commercialBadge-brand { background: rgba(58, 118, 208, 0.08); }
html[data-theme="dark"] .AnswerItem-commercialBadge-brand { color: rgba(23, 81, 153, 0.72); }
.AnswerItem-extraInfo { margin-top: 10px; margin-bottom: -4px; font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .AnswerItem-extraInfo { color: #606A80; }
.AnswerItem-statusContent { padding: 16px; margin: 16px 0; background: #F6F6F6; border-radius: 4px; }
html[data-theme="dark"] .AnswerItem-statusContent { background: #2E2E2E; }
.AnswerItem-statusReason { font-size: 15px; line-height: 26px; color: #1A1A1A; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; margin-bottom: 3px; }
html[data-ios] .AnswerItem-statusReason { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .AnswerItem-statusReason { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .AnswerItem-statusReason { color: #999999; }
.AnswerItem-statusDescription { font-size: 14px; line-height: 26px; color: #1A1A1A; }
.AnswerItem-statusDescription .RichContent-inner { margin-top: 0; }
.AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover { color: #1A1A1A; }
html[data-theme="dark"] .AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover { color: #999999; }
.AnswerItem-statusDescription .ContentItem-arrowIcon { display: none; }
html[data-theme="dark"] .AnswerItem-statusDescription { color: #999999; }
.AnswerItem-statusLink { border-bottom: 1px solid #8590A6; }
.AnswerItem-statusLink:hover,  .AnswerItem-statusLink:active { color: #175199; border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-statusLink:hover, html[data-theme="dark"] .AnswerItem-statusLink:active { color: #175199; }
html[data-theme="dark"] .AnswerItem-statusLink:hover, html[data-theme="dark"] .AnswerItem-statusLink:active { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-statusLink { border-bottom: 1px solid #606A80; }
.AnswerItem-complaintLink { color: #175199; font-weight: normal; padding-bottom: 2px; }
.AnswerItem-complaintLink:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-complaintLink:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-complaintLink { color: #175199; }
.AnswerItem-complaintHelp { float: right; }
.AnswerItem-complaintIcon { position: relative; top: -1px; }
.AnswerItem-status { padding: 16px; margin: 16px 0; color: #8590A6; background: #EBEBEB; border-radius: 4px; }
.AnswerItem-status a { color: #175199; }
.AnswerItem-status a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-status a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-status a { color: #175199; }
html[data-theme="dark"] .AnswerItem-status { color: #606A80; }
html[data-theme="dark"] .AnswerItem-status { background: #444444; }
.AnswerItem-deleted { font-size: 15px; color: #8590A6; text-align: center; }
.AnswerItem-deleted a { font-size: inherit; cursor: pointer; color: #175199; }
.AnswerItem-deleted a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-deleted a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-deleted a { color: #175199; }
html[data-theme="dark"] .AnswerItem-deleted { color: #606A80; }
.AnswerItem-form { margin-top: 24px; }
.AnswerItem-CommercialQuestionTail { margin-top: 10px; }
.AnswerItem-editButton { color: #175199; cursor: pointer; }
.AnswerItem-editButton:hover .AnswerItem-editButtonText { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .AnswerItem-editButton:hover .AnswerItem-editButtonText { border-bottom: 1px solid #175199; }
.AnswerItem-editButton .Icon { fill: #175199; }
html[data-theme="dark"] .AnswerItem-editButton .Icon { fill: #175199; }
html[data-theme="dark"] .AnswerItem-editButton { color: #175199; }
.AnswerItem-mainAction { margin-right: 16px; border-color: #0084FF; color: #0084FF; }
.AnswerItem-mainAction--disabled { opacity: 0.5; }
html[data-theme="dark"] .AnswerItem-mainAction { border-color: #3A76D0; }
html[data-theme="dark"] .AnswerItem-mainAction { color: #3A76D0; }
.Body--Mobile .AnswerItem-mainAction { margin-right: 12px; padding: 0 10px; line-height: 28px; font-size: 12px; }
.Body--Mobile .AnswerItem .Icon--comment,  .Body--Mobile .AnswerItem .Icon--star,  .Body--Mobile .AnswerItem .Icon--dots,  .Body--Mobile .AnswerItem .Icon--setting { width: 16px !important; }
.AnswerItem-authorInfo { margin-top: 10px; }
.AnswerItem-authorInfo--related { margin-top: 0; }
.AnswerItem-brandQuestionPrizeTip { margin-top: 8px; font-size: 15px; color: #8590A6; }
.AnswerItem-brandQuestionPrizeTip a { margin-left: 5px; color: #0084FF; }
html[data-theme="dark"] .AnswerItem-brandQuestionPrizeTip a { color: #3A76D0; }
html[data-theme="dark"] .AnswerItem-brandQuestionPrizeTip { color: #606A80; }
.AnswerItem-mainAction.AnswerItem-brandQuestionButton { margin-right: 5px; padding: 0 10px; }



.List-headerOptions{ display: flex; justify-content: center; align-self: center; }
.QuestionRichText { font-size: 15px; line-height: 25px; }
.QuestionRichText--expandable.QuestionRichText--collapsed { max-height: 51px; overflow: hidden; cursor: pointer; transition: color 140ms ease-out; }
.QuestionRichText--expandable.QuestionRichText--collapsed .RichText { pointer-events: none; }
.QuestionRichText--expandable.QuestionRichText--collapsed:hover { color: #646464; }
html[data-theme="dark"] .QuestionRichText--expandable.QuestionRichText--collapsed:hover { color: #999999; }
.QuestionRichText-more:hover { color: #808080; }
.QuestionRichText-more:hover .Icon { fill: #999999; }
html[data-theme="dark"] .QuestionRichText-more:hover .Icon { fill: #646464; }
html[data-theme="dark"] .QuestionRichText-more:hover { color: #808080; }
.QuestionRichText-more-icon { margin-left: 8px; }
.QuestionRichText--video { max-height: 105px !important; display: flex; margin-top: 8px; }
.QuestionRichText--image { width: 190px; height: 105px; margin-right: 20px; border-radius: 4px; }
.QuestionRichText--wrapImgae { position: relative; }
.QuestionRichText--wrapImgae::before { content: ''; border: solid 2px #FFFFFF; z-index: 2; background: rgba(26, 26, 26, 0.3); border-radius: 50px; height: 48px; position: absolute; width: 48px; left: 70px; top: 30px; margin: auto; }
html[data-theme="dark"] .QuestionRichText--wrapImgae::before { border: solid 2px #1A1A1A; }
html[data-theme="dark"] .QuestionRichText--wrapImgae::before { background: rgba(153, 153, 153, 0.3); }
.QuestionRichText--wrapImgae::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 11.5px 0 11.5px 18px; border-color: transparent transparent transparent #FFFFFF; position: absolute; z-index: 3; border-radius: 2px; opacity: 0.9; left: 90px; top: 45px; margin: auto; }
html[data-theme="dark"] .QuestionRichText--wrapImgae::after { border-color: transparent transparent transparent #1A1A1A; }


.QuestionButtonGroup { display: inline-block; margin: 0 -8px; font-size: 0;}
.QuestionButtonGroup .Button { margin: 0 8px; }


.QuestionStatus-notification-closeButton { padding-left: 16px; }
.QuestionStatus-bar { position: relative; padding: 16px; line-height: 28px; color: #8590A6; text-align: center; background-color: rgba(133, 144, 166, 0.08); z-index: 5; }
.QuestionStatus-bar strong,  .QuestionStatus-bar em { font-style: normal; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; color: #444444; }
html[data-ios] .QuestionStatus-bar strong, html[data-ios] .QuestionStatus-bar em { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .QuestionStatus-bar strong, html[data-android] .QuestionStatus-bar em { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .QuestionStatus-bar strong, html[data-theme="dark"] .QuestionStatus-bar em { color: #808080; }
html[data-theme="dark"] .QuestionStatus-bar { color: #606A80; }
html[data-theme="dark"] .QuestionStatus-bar { background-color: rgba(96, 106, 128, 0.08); }
.QuestionStatus-bar-inner { width: 1000px; padding: 0 24px; margin: 0 auto; box-sizing: border-box; }
.QuestionStatus-bar-inner a { color: #0084FF; }
html[data-theme="dark"] .QuestionStatus-bar-inner a { color: #3A76D0; }
.QuestionStatus-bar-inner + p { line-height: 26px; font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .QuestionStatus-bar-inner + p { color: #606A80; }
.QuestionStatus-bar-commercialMuted { line-height: 26px; font-size: 14px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; color: #444444; }
html[data-ios] .QuestionStatus-bar-commercialMuted { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .QuestionStatus-bar-commercialMuted { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.QuestionStatus-bar-commercialMuted a { color: #0084FF; }
html[data-theme="dark"] .QuestionStatus-bar-commercialMuted a { color: #3A76D0; }
.QuestionStatus-bar-commercialMuted + p { line-height: 26px; font-size: 14px; color: #8590A6; }
html[data-theme="dark"] .QuestionStatus-bar-commercialMuted + p { color: #606A80; }
html[data-theme="dark"] .QuestionStatus-bar-commercialMuted { color: #808080; }
.QuestionStatus-notification { position: absolute; z-index: 99; }
.QuestionStatus-notification-inner { display: flex; }
.QuestionStatus-notification-content { flex: 1 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.QuestionStatus-notification-content a { display: inline; color: #175199; }
.QuestionStatus-notification-content a:hover { text-decoration: underline; }
html[data-theme="dark"] .QuestionStatus-notification-content a { color: #175199; }
.QuestionStatus-notification-actions { margin-left: 32px; }
.QuestionStatus-notification-divider { display: inline-block; height: 14px; margin: 0 12px; vertical-align: middle; border-right: 1px solid #EBEBEB; }
html[data-theme="dark"] .QuestionStatus-notification-divider { border-right: 1px solid #444444; }
.QuestionStatus-notification-primary { color: #175199; }
html[data-theme="dark"] .QuestionStatus-notification-primary { color: #175199; }


.QuestionFollowStatus-counts { width: 200px; margin-left: auto; }
.QuestionFollowStatus-counts .NumberBoard-itemInner { padding: 0 8px; }
.QuestionFollowStatus-people { height: 32px; margin-top: 10px; }
.QuestionFollowStatus-people .UserLink { display: inline-block; vertical-align: middle; }
.QuestionFollowStatus-people .UserLink + .UserLink { margin-left: -8px; }
.QuestionFollowStatus-people .Avatar { display: block; border: 1px solid #FFFFFF; box-shadow: 0 2px 4px rgba(26, 26, 26, 0.1); }
html[data-theme="dark"] .QuestionFollowStatus-people .Avatar { border: 1px solid #1A1A1A; }
html[data-theme="dark"] .QuestionFollowStatus-people .Avatar { box-shadow: 0 2px 4px rgba(153, 153, 153, 0.1); }
.QuestionFollowStatus-people-tip { margin-right: 8px; font-size: 14px; color: #8590A6; vertical-align: middle; }
html[data-theme="dark"] .QuestionFollowStatus-people-tip { color: #606A80; }



.QuestionHeaderActions { display: flex; align-items: center; }
.QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) { margin-left: 20px; }

@media (max-width: 690px) {
.QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) { margin-left: 16px }
}

.QuestionHeader { position: relative;  min-width: calc(1000px + 16px * 2);padding: 16px 0; background: #FFFFFF; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); }
html[data-theme='dark'] .QuestionHeader { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
html[data-theme="dark"] .QuestionHeader { background: #1A1A1A; }
.QuestionHeader-content { display: flex; justify-content: space-between; width: 1000px; height: 100%; padding: 0 16px; margin: 0 auto; }
.PageHeader .QuestionHeader-content { align-items: center; }
.QuestionHeader-main { width: 694px; box-sizing: border-box; }
.QuestionHeader-side { width: 296px; text-align: right; }
.QuestionHeader-tags { display: flex; }
.QuestionHeader-specialQuestionAuthor { height: 28px; }
.QuestionHeader-topicDivider { margin: 0 16px; height: 24px; border-left: 1px solid #EBEBEB; }
html[data-theme="dark"] .QuestionHeader-topicDivider { border-left: 1px solid #444444; }
.QuestionHeader-topics { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 1px 0; }
.QuestionHeader-topics .QuestionTopic { margin: 3px 5px 3px 0; vertical-align: middle; }
.QuestionHeader-topics .Button { margin-left: 12px; vertical-align: middle; }
.QuestionHeader-title { margin-top: 12px; margin-bottom: 4px; font-size: 22px; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; line-height: 32px; color: #1A1A1A; }
html[data-ios] .QuestionHeader-title { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .QuestionHeader-title { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
.QuestionHeader-title .Button { margin-left: 12px; vertical-align: middle; }
html[data-theme="dark"] .QuestionHeader-title { color: #999999; }
.PageHeader .QuestionHeader-title { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.BrandQuestionPrizes { margin-top: 12px; }
.QuestionHeader-lock { vertical-align: middle; }
.QuestionHeader-detail { min-height: 10px; }
.QuestionHeader-footer { padding-bottom: 12px; margin-top: 4px; margin-bottom: -12px; background: #FFFFFF; }
.QuestionHeader-footer.is-fixed { z-index: 3; height: 60px; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border-top: 1px solid #EBEBEB; box-shadow: 0 -1px 3px rgba(23, 81, 153, 0.05); }
html[data-theme="dark"] .QuestionHeader-footer.is-fixed { border-top: 1px solid #444444; }
html[data-theme="dark"] .QuestionHeader-footer.is-fixed { box-shadow: 0 -1px 3px rgba(23, 81, 153, 0.05); }
html[data-theme="dark"] .QuestionHeader-footer { background: #1A1A1A; }
.QuestionHeader-footer-inner { display: flex; align-items: center; justify-content: space-between; width: 1000px; height: 100%; padding: 0 16px; margin: 0 auto; }
.QuestionHeader-footer-main { display: flex; align-items: center; margin-top: 4px; min-width: 694px; width: auto; }
.QuestionButtonGroup + .QuestionHeaderActions { margin-left: 16px; }
.QuestionButtonGroup + .BrandQuestionSettingMenu { margin: 0 16px; }
.QuestionHeader-collapse-icon { margin-left: 8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.QuestionHeader-menu-item--commercial { position: relative; padding-left: 44px; width: 148px; }
.QuestionHeader-menu-item--commercial .MenuItem-icon { margin-left: -18px; }
.QuestionHeader-menu { font-size: 14px; }
.QuestionHeader-menu-item { line-height: 40px; }
.QuestionHeader-delete-confirm { text-align: center; }
.QuestionPage { position: relative; }
.QuestionPage-commercialIsMutedCover { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 3; }
html[data-theme="dark"] .QuestionPage-commercialIsMutedCover { background: rgba(26, 26, 26, 0.8); }
.Question-main { display: flex; justify-content: space-between; align-items: flex-start; margin: 10px auto; padding: 0 16px; width: 1000px; min-height: 100vh; }
.Question-mainColumn { width: 694px; }
.Question-sideColumn { width: 296px; }
.Question-sideColumn--sticky .Card:last-of-type { margin-bottom: 0; }
.Question-sideColumnAdContainer { margin-bottom: 10px; }
.Question-sideColumnAdContainer:empty { display: none; }
.Question-sideColumn .Sticky.is-fixed{width: 296px;top:62px;}
.Question-sideColumn .Card:empty { display: none; }

.QuestionAnswers-content { margin-bottom: 14px; }
.QuestionAnswers-answerTipCard { margin-bottom: 10px; padding: 16px 24px; font-size: 15px; color: #8590A6; text-align: center; }
.QuestionAnswers-answerTipCard.Card { margin-bottom: 10px; }
.QuestionAnswers-answerTipCard a { font-size: inherit; cursor: pointer; color: #175199; }
.QuestionAnswers-answerTipCard a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .QuestionAnswers-answerTipCard a:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .QuestionAnswers-answerTipCard a { color: #175199; }
html[data-theme="dark"] .QuestionAnswers-answerTipCard { color: #606A80; }
.QuestionAnswers-answerList { margin-bottom: 10px; }
.QuestionAnswers-answerTip { margin: 40px 0; font-size: 14px; color: #8590A6; text-align: center; }
.QuestionAnswers-answerTip.Card { margin-bottom: 10px; }
.QuestionAnswers-answerTip .Button { color: #175199; }
.QuestionAnswers-answerTip .Button:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .QuestionAnswers-answerTip .Button:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .QuestionAnswers-answerTip .Button { color: #175199; }
.QuestionAnswers-answerTip .QuestionAnswers-iconLink:hover { border-bottom: none; }
html[data-theme="dark"] .QuestionAnswers-answerTip { color: #606A80; }
.QuestionAnswers-answerAdd { min-height: 265px; }
.QuestionAnswers-answerAdd.Card { margin-bottom: 10px; }
.QuestionAnswers-answerAdd .AnswerAdd-header {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 16px 20px;
}
.QuestionAnswers-answerAdd .AnswerAdd-header .AnswerAdd-info{overflow: hidden;}
.QuestionAnswers-answerAdd .AnswerAdd-header .AnswerAdd-info .AnswerAdd-topicBiosButton {font-size: 14px;color: #8590a6;white-space: nowrap;}
.QuestionAnswers-answerAdd .AnswerAdd-header .AnswerAdd-toggleAnonymous {margin-left: auto;padding-left: 12px;-ms-flex-negative: 0;flex-shrink: 0;}
.QuestionAnswers-answerAdd .AnswerAdd-header .AuthorInfo-avatarWrapper{display: block;}



.AnswerForm-cloneEditor .RichText--editable,
.AnswerForm-editor .RichText--editable{padding: 12px 20px;font-size: 15px;}

.RichText--clearBoth:after,
.RichText--clearBoth:before {clear: both;content: "";display: block;}
.Editable .public-DraftEditorPlaceholder-root {color: #8590a6;position: absolute;pointer-events: none;}

.AnswerForm-footer {position: relative;background: #fff;}
.AnswerForm-footerContent {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 52px;padding: 12px 24px;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #ebebeb;}
.AnswerForm-status {margin-right: auto;font-size: 14px;color: #8590a6;}
.AnswerForm-footerRight {-webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.AnswerForm-submit {margin-left: 22px;}


.QuestionAnswers-statusWrapper{display: none;}
.QuestionAnswers-statusWrapper .expand-enter { top: 36px; z-index: -1; transition: opacity 300ms ease-out, top 300ms ease-out; }
.QuestionAnswers-statusWrapper .expand-enter-active { top: 0; }
.QuestionAnswers-statusWrapper .expand-leave { position: relative; top: 0; z-index: -1; transition: opacity 300ms ease-out, top 300ms ease-out; }
.QuestionAnswers-statusWrapper .expand-leave-active { top: 36px; }
.QuestionAnswers-answers { margin-bottom: 10px; }
.AnswersNavWrapper { overflow: visible; overflow: initial; }
.Answers-none { padding: 50px 0; }
.QuestionAnswers-navs { display: flex; flex-direction: row; align-items: center; }
.QuestionAnswers-nav { display: inline-block; height: 50px; line-height: 50px; }
.QuestionAnswers-nav:hover { cursor: pointer; }
.QuestionAnswers-nav.is--active { border-bottom: 3px solid #0084FF; }
html[data-theme="dark"] .QuestionAnswers-nav.is--active { border-bottom: 3px solid #3A76D0; }
.QuestionAnswers-nav + .QuestionAnswers-nav { margin-left: 33px; }
.MoreAnswersCard { position: relative; margin-top: -10px; border-top: none; box-shadow: 0 3px 3px -3px rgba(26, 26, 26, 0.2); }
.MoreAnswersCard::before { content: ''; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid #F6F6F6; margin: 0 16px; }
html[data-theme="dark"] .MoreAnswersCard::before { border-top: 1px solid #2E2E2E; }
.MoreAnswersCard .QuestionMainAction { color: #175199; }
html[data-theme="dark"] .MoreAnswersCard .QuestionMainAction { color: #175199; }
html[data-theme="dark"] .MoreAnswersCard { box-shadow: 0 3px 3px -3px rgba(153, 153, 153, 0.2); }
.QuestionAnswers-answerButton { border-color: transparent; line-height: 48px; font-size: 15px; }
.QuestionAnswers-answerLink { color: #175199; }
html[data-theme="dark"] .QuestionAnswers-answerLink { color: #175199; }



.Pc-card { position: relative; box-sizing: border-box; width: 100%; border-radius: 2px; overflow: hidden; transition: height 300ms, margin 300ms, opacity 300ms; }
.Pc-card--hidden { margin-bottom: 0; opacity: 0; }
.Pc-card img { display: block; width: 100%; border-radius: 2px; }
.Pc-card .AdvertImg { width: 300px; height: 250px; overflow: hidden; }
.Pc-card-button-close { position: absolute; top: 12px; right: 12px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 18px; height: 18px; padding: 0; border-color: transparent; border-radius: 50%; background-color: #1a1a1a; opacity: 0; transition: opacity .3s; }
.Pc-card-button-close-svg { width: 14px; height: 16px; fill: #fff; }
.Pc-card:hover .Pc-card-button-close { opacity: 1; }
.Pc-card .Banner-adsense { width: 100%; height: 250px; }

.Recommendations-item { font-size: 14px; line-height: 24px; color: #8590A6; }
.Recommendations-item + .Recommendations-item { margin-top: 12px; }
.Recommendations-item .Button { display: inline; color: #175199; }
.Recommendations-item .Button:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .Recommendations-item .Button:hover { border-bottom: 1px solid #175199; }
html[data-theme="dark"] .Recommendations-item .Button { color: #175199; }
html[data-theme="dark"] .Recommendations-item { color: #606A80; }
.SimilarQuestions-item { font-size: 14px; line-height: 21px; color: #8590A6; }
.SimilarQuestions-item + .SimilarQuestions-item { margin-top: 10px; }
.SimilarQuestions-item .Button { display: inline; color: #333333; }
.SimilarQuestions-item .Button:hover {color:#175199;}
html[data-theme="dark"] .SimilarQuestions-item .Button:hover {}
html[data-theme="dark"] .SimilarQuestions-item .Button { color: #175199; }
html[data-theme="dark"] .SimilarQuestions-item { color: #606A80; }


.RelatedCommodities-image { width: 64px; height: 64px; border-radius: 3px; margin-right: 8px; -o-object-fit: cover; object-fit: cover; }
.RelatedCommodities-subject { color: #1A1A1A;height:40px;font-size: 14px;font-weight: 600;font-synthesis: style; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
html[data-ios] .RelatedCommodities-subject { /* 与 iOS app 一致，使用 medium 字重 */
font-weight: 500; }
html[data-android] .RelatedCommodities-subject { /* Android 中文字重 bug，需要 700 达到粗体效果 */
font-weight: 700; }
html[data-theme="dark"] .RelatedCommodities-subject { color: #999999; }
.RelatedCommodities-subject-two { max-height: 40px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; /* autoprefixer: ignore next */
-webkit-box-orient: vertical; }
.RelatedCommodities-scoreWrapper { display: flex; }
.RelatedCommodities-item { display: flex; align-items: center; }
.RelatedCommodities-item:hover .RelatedCommodities-subject { color: #175199; }
html[data-theme="dark"] .RelatedCommodities-item:hover .RelatedCommodities-subject { color: #175199; }
.RelatedCommodities-item:not(:first-child) { position: relative; margin-top: 10px; padding-top: 10px; }
.RelatedCommodities-item:not(:first-child)::before { position: absolute; top: 0; left: 0; right: 0; display: block; content: ''; border-top: 0.5px solid #D3D3D3; }
html[data-hairline] .RelatedCommodities-item:not(:first-child)::before { border-top: 1px solid #D3D3D3; -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>")  1 0 0 0; border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>")  1 0 0 0; }
html[data-theme="dark"] html[data-hairline] .RelatedCommodities-item:not(:first-child)::before { border-top: 1px solid #2E2E2E; }
html[data-theme="dark"] .RelatedCommodities-item:not(:first-child)::before { border-top: 0.5px solid #2E2E2E; }
.RelatedCommodities-content { flex: 1 1; display: flex; flex-direction: column; text-align: left; overflow: hidden; }

.RelatedCommodities-meta { display: flex; color: #8590A6; margin-top: 4px; }
.RelatedCommodities-meta .Rating { display: inline-block; margin-right: 4px; }
html[data-theme="dark"] .RelatedCommodities-meta { color: #606A80; }
/* 配色不在色组里 */
.RelatedCommodities-remixListen { position: relative; background: #fd3; color: #b37700; padding: 3px 6px 3px 18px; line-height: 1; border-color: #fd3; border-radius: 3px; }
.RelatedCommodities-remixListen:hover { background: #fd3; }
.RelatedCommodities-remixListen::before { position: absolute; left: 6px; top: 6px; display: block; border-width: 4px 8px; border-style: solid; border-color: transparent; border-left-color: #b37700; content: ''; }
.RelatedCommodities-remixMeta, .RelatedCommodities-bookMeta { display: flex; width: 100%; justify-content: space-between; }
.RelatedCommodities-bookRead { padding: 3px 6px 3px 3px; border-radius: 3px; line-height: 1; color: #FFFFFF; background: #0084FF; }
.RelatedCommodities-bookRead .Zi { margin-right: 2px; }
html[data-theme="dark"] .RelatedCommodities-bookRead { color: #1A1A1A; }
html[data-theme="dark"] .RelatedCommodities-bookRead { background: #3A76D0; }



/* iPad portrait overwrite AppHeader */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.AppHeader { min-width: auto; }
.AppHeader-inner { background: #FFFFFF; box-sizing: border-box; overflow-x: hidden; padding: 0 8px; width: 768px; }
html[data-theme="dark"] .AppHeader-inner { background: #1A1A1A; }
.SearchBar-toolWrapper,  .SearchBar-input { width: auto; }
}

 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
em{font-style:normal;}
.kefuBoda{ color:inherit;}