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 .32rem; font-size: .28rem; line-height: .64rem; height:.68rem; color: #999999; 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; }
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: .14rem;width:.28rem;height:.32rem;}
.Button--plain .Button-icon { margin-right: .12rem;}
.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;}
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 .08rem; }
.Button--withIcon.Button--plain,  .Button--withIcon.Button--link { padding: 0; }
.Button--withIcon .Button-zi{width:.32rem; height:.32rem;}
.Button--withIcon.Button--withLabel .Button-zi { margin-right: .08rem;}
.Button--dologin{}
.Button .Zi--Like{width:.28rem;height:.28rem;}
.Button .Zi--Reply,.Button .Zi--Ebook,.Button .Zi--Comments{ width:.32rem;height:.32rem;}
.Button .Zi--ArrowDown,.Button .Zi--Emotion,.Button .Zi--BackToTop,.Button .Zi--Close{width:.48rem; height:.48rem;}
.Button.Button--edit{ color: #0084FF; font-weight:700;}
.Zi--Invite{ width:.28rem !important; height:.28rem !important; margin-left:.1rem;}
.Zi--Comment.Button-zi{width:.48rem; height:.48rem; margin-left:.08rem;}


.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: 90%; left:50%; top:50%;height:8.3rem; margin-left: -45%; margin-top:-4.15rem; 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: -.24rem;right: -.24rem;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 .48rem .64rem; margin-top: .48rem; 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: .2rem; 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: 1rem; padding: 0 .4rem; 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: .32rem .4rem; position: relative; }
.Card-section + .Card-section::after { position: absolute; top: 0; left: 0; right: 0; margin: 0 .4rem; 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: 3.6rem; height: .68rem; padding: .08rem .2rem; font-size: .28rem; 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: .02rem .24rem; }
.Input-wrapper .Editable-toolbar { /* 工具栏的按钮有 所以上下 padding 少 1 */
    /* 左右 13 是 16 - 1 按钮 border - 2 按钮 margin */
height: auto; padding: .1rem .26rem; }
.Input-wrapper .Dropzone-overlay { margin: .12rem .24rem; }
.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; height:.54rem}
input.Input { color: #1A1A1A; height: .48rem; line-height: .48rem; }
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: .28rem; }
 .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: #666666;
}
 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: .96rem; padding: 0; color: #8590A6; }
html[data-theme="dark"] .SignFlowInput .Input-wrapper { color: #606A80; }
.SignFlowInput input.Input { height: .96rem; }
.SignFlowInput-errorMask { position: absolute; right: 0; height: 90%; padding: .24rem 0 0 .4rem; margin-top: -.94rem; font-size: .28rem; 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: -.32rem; width: .32rem; height: .92rem; 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: .12rem; }

/**
 * 之所以不使用: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: .48rem; height: .48rem; margin: -.24rem; 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: .64rem; height: .32rem; margin-top: -.04rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.Popover-arrow--top::after { left: 50%; top: -.16rem; }
.Popover-arrow--bottom { width: .64rem; height: .32rem; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
.Popover-arrow--bottom::after { left: 50%; bottom: -.16rem; }
.Popover-arrow--left { width:.32rem; height: .64rem; margin-left: -.04rem; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.Popover-arrow--left::after { left: -.16rem; top: 50%; }
.Popover-arrow--right { width: .32rem; height: .64rem; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.Popover-arrow--right::after { right: -.16rem; 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: -.16rem; }
.Popover-content--top.Popover-content--arrowed { margin-top: -.32rem; }
.Popover-content--top.Popover-content--enter,  .Popover-content--top.Popover-content-leave-active { -webkit-transform: translateY(.16rem); transform: translateY(.16rem); }
.Popover-content--bottom { margin-top: .16rem; }
.Popover-content--bottom.Popover-content--arrowed { margin-top: .32rem; width:2.72rem;}
.Popover-content--bottom.Popover-content--enter,  .Popover-content--bottom.Popover-content-leave-active { -webkit-transform: translateY(-.16rem); transform: translateY(-.16rem); }
.Popover-content--left { -webkit-transform-origin: right center; transform-origin: right center; margin-left: -.16rem; }
.Popover-content--left.Popover-content--arrowed { margin-left: -.32rem; }
.Popover-content--left.Popover-content--enter,  .Popover-content--left.Popover-content-leave-active { -webkit-transform: translateX(.16rem); transform: translateX(.16rem); }
.Popover-content--right { margin-left: .16rem; }
.Popover-content--right.Popover-content--arrowed { margin-left:.32rem; }
.Popover-content--right.Popover-content--enter,  .Popover-content--right.Popover-content-leave-active { -webkit-transform: translateX(-.16rem); transform: translateX(-.16rem); }

.Popover-content--share{left:-.65rem; top: .4rem;}
.Popover-content--more{left: -1.1rem; top: .4rem;}


.Select-button { height: .8rem; padding: 0 .4rem; line-height: .76rem; text-align: left; box-sizing: border-box; background: none; outline: none; }
.Select-plainButton { padding: 0; border: 1px solid transparent; }
.Select-arrow { margin-left:.16rem; width:.48rem; height:.48rem;}
.Select-list { max-height: 10rem; padding: .16rem 0; border-radius: .08rem;width:2.2rem;}
.Select-option { display: block; width: 100%; height: .8rem; padding: 0 .4rem; line-height: .8rem; 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: .8rem; left: -.2rem; font-size: .28rem;}



.SignFlow-accountInputContainer { overflow: hidden; }
.SignFlow-account { margin-top: .32rem; border-radius: 0; }
html[data-theme="dark"] .SignFlow-account { }
.SignFlow-supportedCountriesSelectContainer { display: inline-block; float: left; min-width: 1.44rem; -webkit-transform: translateY(.08rem); transform: translateY(.08rem); }
.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: .02rem; height: .44rem; margin: .48rem .24rem 0; background: #EBEBEB; -webkit-transform: translateY(-.22rem); transform: translateY(-.22rem); }
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: .48rem; right: 0; padding: .08rem 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: .48rem; right: 2.6rem; width: 40%; padding: 0; padding-left: .08rem; 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: .48rem; }
.SignFlow-passwordInput input { letter-spacing: .036rem; }
.SignFlow-requiredPasswordErrorMask { right: auto; right: initial; width: 80%; }
.SignFlow-password { position: relative; margin-top: .24rem; }

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

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

.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: .24rem; }
.SignFlowHeader-slogen {color: #0084FF; font-size: .36rem; }
.SignFlowHeader-slogimg {color: #0084FF; font-size: .76rem; text-align: center;}
html[data-theme="dark"] .SignFlowHeader-slogen { color: #3A76D0; }
html[data-theme="dark"] .SignFlowHeader-slogimg { color: #3A76D0; }
.SignContainer-content {margin: 0 auto; text-align: center; }
.SignContainer-content .Input-wrapper { width: 100%; height: .96rem; 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: 1.16rem; border-top: 1px solid #EBEBEB; font-size: .32rem; }
.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: .24rem; height: .4rem; display: flex; justify-content: space-between; background: #FFFFFF; }
html[data-theme="dark"] .Login-options { background: #1A1A1A; }
.Login-content { padding: 0 .56rem .56rem; }
.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: .96rem; }
 .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: .6rem; height: .72rem; }

.SignFlow-snackBar { font-size: .26rem; 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: .24rem; 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: .8rem; height: 2.24rem; transition: height 0.2s ease; }
.CornerAnimayedFlex--hidden { height: 0; }
.CornerButton { background: #FFFFFF; border-radius:50%; width: .8rem; height: .8rem; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.2); }
html[data-theme='dark'] .CornerButton { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.CornerButton:hover {background: #FFFFFF;}
.CornerAnimayedFlex .GlobalTooltip { position: relative; z-index: 9999; left:-.12rem; top:-.36rem; 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: #2E2E2E; }


/* 用 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: .12rem .16rem; color: #FFFFFF; white-space: nowrap; background-color: rgba(26, 26, 26, 0.8); border-radius: 4px; font-size: .26rem; -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(-.16rem); transform: translate(-50%, -100%) translateY(-.16rem); }
.TooltipContent--bottom { -webkit-transform: translate(-50%, 0) translateY(.16rem); transform: translate(-50%, 0) translateY(.16rem); }
.TooltipContent--left { -webkit-transform: translate(-100%, -50%) translateX(-.16rem); transform: translate(-100%, -50%) translateX(-.16rem); }
.TooltipContent--right { -webkit-transform: translate(0, -50%) translateX(.16rem); transform: translate(0, -50%) translateX(.16rem); }
.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: .9rem;}

.Sticky--voteHolder{position: static; top: auto; right: auto; bottom: auto; left: auto; display: block; float: none; margin: 0px -.32rem 0; height: .2rem;}

 @-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:.12rem 0; }
.Menu-item { display: block; width: 100%; padding: 0 .3rem; 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:50%; }
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 转换
 *
 * 行间距规范
 * - 约定了空段落应当被缩减高度
 */
.replyfont{font-size: 0.29rem;}
.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 {
	line-height: 1.5; /* 与设计一致，不支持设备将回退为 700 */
	font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
	font-synthesis: style;
}
.ztext h1{margin-top: .4rem; margin-bottom: .2rem; font-size: .6rem;}
.ztext h2{margin-top: .36rem; margin-bottom: .18rem; font-size: .54rem;}
.ztext h3{margin-top: .32rem; margin-bottom: .16rem; font-size: .48rem;}
.ztext h4{margin-top: .28rem; margin-bottom: .14rem; font-size: .42rem;}
.ztext h5{margin-top: .24rem; margin-bottom: .12rem; font-size: .36rem;}
.ztext h6{margin-top: .24rem; margin-bottom: .12rem; font-size: .32rem;}

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: .13rem 0; }
/* http://wiki.in.zhihu.com/pages/viewpage.action?pageId=56537531 */

.ztext hr { margin: .5rem auto; 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] */

html[data-theme='dark'] .ztext img { }
/* 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: .06rem; 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: .4rem; margin: 0 .06rem; vertical-align: middle; width: .02rem; }
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: .52rem; margin: .04rem .04rem; 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:.12rem; }
.Editable-toolbarMenu { height: .52rem; margin-left: auto; }
.Editable-toolbarMenuItem { align-items: center; display: flex; line-height: .72rem; }
.Editable-toolbarMenuItem .Zi { margin-right: .08rem; }
.Editable-videoModal .Modal-footer { padding: .24rem .48rem; }
.Editable-videoModal-title { font-size: .4rem; 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: 4.4rem; 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: .2rem; font-size: .36rem; line-height:.6rem; text-align: center; }
.Editable-videoModal-uploader-tip { font-size: .28rem; line-height:.6rem; text-align: center; color: #8590A6; }
html[data-theme="dark"] .Editable-videoModal-uploader-tip { color: #606A80; }
.Editable-docModal .Modal-footer { padding: .24rem .48rem; }
.Editable-docModal input[type='file'] { display: none; }
.Editable-docModal-title { font-size:.4rem; 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:4.4rem; 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:.36rem; line-height:.6rem; margin-top:.4rem; text-align: center; }
.Editable-docModal-uploader-tip { font-size:.28rem; line-height:.6rem; 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:.08rem; }
html[data-theme="dark"] .Editable-docModal-fileName .Zi { fill: #3A76D0; }
.Editable-docModal-loading { display: flex; justify-content: center; margin:.72rem 0 .24rem; }
.Editable-docModal-fail { align-items: center; display: flex; flex-direction: column; text-align: center; }
.Editable-docModal-failHint { color: #F1403C; font-size: .32rem; margin-top: .72rem; /* 与设计一致，不支持设备将回退为 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:.64rem 0 .2rem; width: 4.4rem; }
.WatermarkHint-modalBody { font-size: .28rem; text-align: center; }
.WatermarkHint-modalContent { padding-top: .32rem; }
.WatermarkHint-modalContent .ModalButtonGroup { margin-top: .64rem; margin-bottom: 0; }
.WatermarkHint-modalTitle { font-size:.48rem; margin:.64rem 0 .32rem; /* 与设计一致，不支持设备将回退为 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: 6rem; margin-top: -.16rem; /* HACK: prevent mouseover to other block */ margin-bottom: -.16rem; /* 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 -.24rem; }
.Editable-notification-action { margin: 0 .24rem; }
.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 .05rem; }
.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: -.04rem; }
.DraftEditor-root pre.public-DraftStyleDefault-pre { border-radius: .08rem; }
.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: .04rem;
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2 {  margin-left: .08rem;
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3 {  margin-left: .12rem;
}
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4, .DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4 {  margin-left: .16rem;
}
/* 重置 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; }



.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:.28rem; color: #8590A6; }
html[data-theme="dark"] .NumberBoard-itemName { color: #606A80; }
.NumberBoard-itemValue { display: inline-block; font-size: .36rem; 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:1.92rem; }
.FollowButton-icon { margin-right: .16rem; fill: currentColor; }

.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; padding-right: 1.56rem; }
.CommentEditorV2--normal.CommentEditorV2--active .CommentEditorV2-singleButton { -webkit-transform: scale(1); transform: scale(1); }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions { margin-top: .32rem; text-align: right; }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions .Button { line-height:.68rem; }
.CommentEditorV2--inCommentItem .CommentEditorV2-actions .Button + .Button { margin-left: .4rem; }
.CommentEditorV2-singleButton { position: absolute; right: 0; bottom: .26rem; line-height:.48rem !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:.54rem; border-radius:.27rem;}
.CommentEditorV2-singleButton:disabled { cursor: not-allowed; }
.CommentEditorV2--normal .userDefautAvatar { position: absolute; left: 0; bottom: .26rem; border-radius:50%; width:.54rem; height:.54rem;}

.CommentEditorV2-input { font-size: .3rem; }
.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: 4.16rem; }
.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: .16rem .4rem; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
.CommentEditorV2-modalButtons .Button { flex: 1 1; }
.CommentEditorV2-modalButtons .Button + .Button { margin-left: .32rem; }
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: .3rem;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; 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:.72rem; display: flex; align-items: center; }
.CommentEditorV2-inputUpload--FlexEnd { justify-content: flex-end; }
.CommentEditorV2-inputUpload--SpaceBetween { justify-content: space-between; }
.CommentEditorV2-inputUpLoad-Icon { margin-right:.24rem; }
.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: .24rem; line-height: 1.71; color: #f1403c; padding-left: .24rem; /* 与设计一致，不支持设备将回退为 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: 1.6rem; height: 1.6rem; }
.CommentRichText .Richtext-content_img-square img { width: 1.6rem; height: 1.6rem; }
.CommentRichText .Richtext-content_img-square--wideShape { max-width: 3.2rem; height:1.6rem; }
.CommentRichText .Richtext-content_img-square--wideShape img { width: 3.2rem; }
.CommentRichText .Richtext-content_img-square--highShape { width:1.6rem; max-height:3.2rem; }
.CommentRichText .Richtext-content_img-square--highShape img { height: 3.2rem; }
.CommentRichText-ImageView { z-index: 300; }
.CommentItemV2 {position: relative; flex-shrink: 0; padding: .24rem 0 .2rem; font-size: .3rem; padding-bottom: 0; }
.CommentItemV2:not(:first-child)::after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0 .4rem; 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: .48rem; padding-right: 3px; padding-left: 1px; margin-bottom: 4px; line-height: .48rem; }
.CommentItemV2-meta .UserLink-link { font-weight: 500; color:#666666; font-size: 0.28rem;}
.CommentItemV2-metaSibling { padding-top:.16rem; }
.CommentItemV2-avatar { margin-right:.16rem; }
.CommentItemV2-avatar .UserLink-avatar { vertical-align: top; width:.48rem; height:.48rem;}
.CommentItemV2-roleInfo, .CommentItemV2-reply { color: #8590A6; }
html[data-theme="dark"] .CommentItemV2-roleInfo, html[data-theme="dark"] .CommentItemV2-reply { color: #606A80; }
.CommentItemV2-reviewing { margin-left:.16rem; }
.CommentItemV2-reply { margin-right:.16rem; margin-left: .16rem; }
.CommentItemV2-roleInfo { /* 标点挤压 */
margin-right: -.16rem; }
.CommentItemV2-time { float: right; font-size: .28rem; color: #8590A6; }
html[data-theme="dark"] .CommentItemV2-time { color: #606A80; }
.CommentItemV2-content { margin-bottom: .12rem; line-height: .5rem;color:#3a3a3a;}
.CommentItemV2-editor { padding: .24rem 0; }
.CommentItemV2-footer { display: flex; align-items: center; height:.48rem; font-size: .28rem; line-height:.48rem; margin-top: .08rem; }
.CommentItemV2-footer .Button + .Button { margin-left:.4rem;}
.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; }
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 .1rem 0 .16rem; }
html[data-theme="dark"] .CommentItemV2-replyArrow { color: #606A80; }
.CommentItemV2-userLink { max-width: 1.6rem; /* 与设计一致，不支持设备将回退为 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: 2rem; }
}
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: .26rem; padding-bottom: .26rem; }
.CommentItemV2-editor.CommentEditorV2--active { padding-right: 1.56rem; }
.CommentItemV2-editor .CommentEditorV2-singleButton { right: 0; }
.CommentItemV2-walleTag { display: flex; align-items: center; justify-content: center; font-size: .28rem; color: #8590A6; margin-left: .32rem; margin-right: 16px; }
html[data-theme="dark"] .CommentItemV2-walleTag { color: #606A80; }
.CommentItemV2-walleIcon { margin-right:.08rem; }
.CommentMoreReplyButton { padding: .24rem .4rem .24rem 1.68rem; }
.NestComment { position: relative; }
/*.NestComment:not(:last-child):after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0 .4rem; 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: .66rem; }
.NestComment .NestComment--child:after { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin-right: .4rem; margin-left: 1.68rem; 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: .4rem; margin-left: 1.04rem; 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; }
.CommentListV2-divider { position: relative; margin: 0 .4rem; font-size: 14px; color: #8590A6; text-align: center; }
.CommentListV2-divider:first-child { margin-top: .32rem; }
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 .1rem; background-color: #FFFFFF; }
.CommentListV2-dividerText .CommentListV2-questionMark { margin-left: .16rem; }
html[data-theme="dark"] .CommentListV2-dividerText { background-color: #1A1A1A; }
.CommentsV2-footer { padding: .24rem 0; background: #FFFFFF; padding-left:.9rem;}
html[data-theme="dark"] .CommentsV2-footer { background: #1A1A1A; }
html[data-theme="dark"] .CommentsV2-footer { border-top: 1px solid #444444; }
.CommentsV2-disabledText { display: flex; padding: .28rem .24rem; 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: .16rem; padding-bottom:.16rem; 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: .32rem 0; text-align: center; }
.CommentListV2-action::after { position: absolute; top: 0; display: block; width: calc(100% - .96rem); 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 { background: #FFFFFF; overflow: visible;}
html[data-theme='dark'] .CommentsV2-withPagination { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.CommentsV2-withPagination .CommentListV2 {  }
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-empty { padding: 1.2rem 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: .24rem 0px .2rem; margin: 0 .4rem; border-bottom: 1px solid #F6F6F6; font-weight: 500; }
html[data-theme="dark"] .CommentsV2-replyNum { border-bottom: 1px solid #2E2E2E; }
.CommentsV2-openComment-divider { height: .2rem; background-color: #F6F6F6; }
html[data-theme="dark"] .CommentsV2-openComment-divider { background-color: #2E2E2E; }
.CommentListV2-header-divider { padding: .2rem 0; font-size: .34rem; color: #1A1A1A; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 700; /* 禁止粗体合成(待 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; }
.AuthorInfo-avatar { vertical-align: top; width:.76rem; height:.76rem;}
.AuthorInfo-content { flex: 1 1; margin-left: .28rem; overflow: hidden; }
.AuthorInfo-guanzhu { flex: 0.5 1; margin-left: .28rem; overflow: hidden; text-align:right;}
.AuthorInfo-head { display: flex; align-items: center; font-size: .3rem; 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: .04rem; font-size: .28rem; }
/* 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: .2rem; }
.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: .6rem; padding: 0 .24rem; font-size: .28rem; line-height: .6rem; color: #0084FF; /* color: cc(GBK05A); */
vertical-align: top; border-radius: 2rem; /* 暂时与投票按钮样式一致，一周后改成灰色再 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: .56rem; }
html[data-theme="dark"] .Tag { color: #3A76D0; }
html[data-theme="dark"] .Tag { background: rgba(58, 118, 208, 0.1); }


.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; height: .9rem; padding: 0 .32rem; 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: #666666;}
html[data-theme="dark"] .AppHeader-inner .LogoText{color: #3A76D0;}
.AppHeader-inner .LogoText .Icon--back{width:.56rem; height:.56rem;}

.AppHeader-nav {justify-content: space-between; height: .5rem; margin-right: .36rem; margin-left: .54rem; color: #999999; flex:1; text-align:center;}
html[data-theme="dark"] .AppHeader-nav { color: #646464; }
.AppHeader-navImg{ width:.5rem; height:.5rem; border-radius:50%;}
.AppHeader-navItem { padding:0; font-size: .4rem; line-height: .5rem; color: #1A1A1A;vertical-align:top;}
.AppHeader-navItem.AppHeader-navItem-orgHome { padding-right: .44rem; }
.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: .3rem; border-right: 1px #D3D3D3 solid; align-self: center; }
html[data-theme="dark"] .AppHeader-navDivider { border-right: 1px #2E2E2E solid; }

.AppHeader-userInfo {justify-content: flex-end; display: flex; align-items: center; }
.AppHeader-notifications, .AppHeader-messages { margin-right:.8rem; }
.AppHeader-profile { position: relative; font-size:0; color:#666666;}
.AppHeader-profile .Icon--search,.AppHeader-profile .Icon--menu{ width:.48rem; height:.48rem;}
.AppHeader-profile .Icon--menu { margin-left:.2rem;}

.AppHeader-login { margin-right: .32rem; }


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: .3rem; 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: .2rem 0 .2rem .1rem; font-size: .26rem; line-height: 2; color: #8590A6; text-align:center;}
html[data-theme="dark"] .Footer { color: #606A80; }
.Footer-dot::after { margin: 0 .1rem; 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: 1rem; margin: 0 .32rem; 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: .28rem; }
.List-item { position: relative; padding: .32rem .32rem; }
.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 .4rem; 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: .36rem; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; line-height: 1.6; color: #1A1A1A; margin-top: -.08rem; margin-bottom: -.08rem; }
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: .12rem; }
.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: .3rem; 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: .2rem; vertical-align: middle; }
.ContentItem-avatar .UserLink-avatar { width:.76rem; height:.76rem; vertical-align: top; }
.ContentItem-author { padding-top:.2rem; }
.ContentItem-status { margin-top:.1rem; color: #8590A6; font-size: .28rem; }
html[data-theme="dark"] .ContentItem-status { color: #606A80;}
.ContentItem-statusItem:not(:first-child)::before { margin: 0 .1rem; content: '\B7'; }
.ContentItem-actions { display: flex; align-items: center; padding: .2rem .32rem; margin: 0 -.32rem -.2rem; 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:-.32rem;left:auto; width:100%;padding: .1rem .15rem;}
html[data-theme="dark"] .ContentItem-actions.is-fixed { border-top:1px solid #333333; background:#2E2E2E;}
html[data-theme="dark"] .ContentItem-actions { color: #999999; }
html[data-theme="dark"] .ContentItem-actions { background: #1A1A1A; }
.ContentItem-action { margin-left: .2rem; font-size: .18rem; width:1.2rem; line-height:.32rem}
.ContentItem-action:first-child { margin-left: 0; }
.ContentItem-rightButton { margin-left: auto; }
.ContentItem-rightButton .Icon { margin-left:.16rem; }
.ContentItem-more { padding: 0; margin-left:.08rem; 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:.28rem; 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: .32rem; }
.ContentItem-head { flex: 1 1; overflow: hidden; margin-right:.12rem; }
.ContentItem-extra { align-self: center; }
.ContentItem-cells { display: flex; margin-top:.2rem; line-height:.52rem; }
.ContentItem-cell:not(:first-child) { margin-left:.8rem; }
.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:2rem; }
.RichContent--unescapable.is-collapsed { position: relative; overflow: hidden; }
.RichContent--unescapable.is-collapsed .RichContent-inner { position: relative;max-height:4rem; 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% - 3rem),  transparent calc(100% - .6rem)  ); mask-image: linear-gradient(  #1A1A1A calc(100% - 3rem),  transparent calc(100% - .6rem)  ); -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% - 3rem),  transparent calc(100% - .6rem)  ); mask-image: linear-gradient(  #999999 calc(100% - 3rem),  transparent calc(100% - .6rem)  ); }
.RichContent--unescapable.is-collapsed .ContentItem-actions { position: relative;box-shadow: none;}
.RichContent--unescapable.is-collapsed .ContentItem-rightButton { position: absolute; z-index: 1; bottom: 1.5rem; width: 100%; color: #175199; font-size: .3rem; }
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:.18rem; margin-bottom: -.08rem; overflow: hidden; }
.RichContent-cover { position: relative; width: 3.8rem; height:2.1rem; margin-top: -.04rem; margin-right: .36rem; margin-bottom:.08rem; 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: .32rem; }
.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: .96rem; height: .96rem; 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: .2rem 0 -.16rem !important; }

.RichContent-actions.is-fixed { -webkit-animation: 200ms slideInUp; animation: 200ms slideInUp; }
.RichContent-videoMore { text-align: center; font-size: .28rem; margin-top: .6rem; 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:.28rem; height: .8rem; }
.ShareMenu-button .ShareMenu-Icon--normal { margin-left: -.04rem; margin-right:.12rem; width:.4rem; height:.4rem;}
.ShareMenu-button .ShareMenu-Icon--small { margin-right:.14rem; width:.34rem; height:.34rem;}
.ShareMenu-wechat { display: flex; flex-direction: column; padding-bottom: .24rem; }
.ShareMenu-fakeQRCode { display: none; }
.ShareMenu-qrCode { width:1.88rem; height:1.88rem; }





.Voters { color: #8590A6; }
html[data-theme="dark"] .Voters { color: #606A80; }
.VoteButton { padding: 0 .1rem; color: #999; background: rgba(180, 180, 180, 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: .1rem; }
.VoteButton--down { margin-left:.08rem; }
.VoteButton--down.VoteButton--mobileDown { margin-left:.16rem; }
.VoteButton i{ font-style:normal;}

.Button.GuanzhuButton { padding: 0 .24rem; color: #0084FF; background: rgba(180, 180, 180, 0.1); border-color: transparent; height:.62rem; line-height:.62rem; font-weight:700; font-size:.24rem; border-radius:.1rem;}
.GuanzhuButton.is-liked{color:#666666;}
.Button--thanks.is-liked,.Button--favorite.is-liked{ color:#0084FF;}
.Zi--GuanZhu{ width:.24rem; height:.24rem;}

/* 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:.28rem; }
.AnswerItem-meta .AnswerItem-sticky { font-size: .28rem; color: #8590A6; cursor: default; }
html[data-theme="dark"] .AnswerItem-meta .AnswerItem-sticky { color: #606A80; }
.AnswerItem-selfMenu { font-size:.28rem; color: #8590A6; }
html[data-theme="dark"] .AnswerItem-selfMenu { color: #606A80; }
.AnswerItem-selfMenuItem { line-height:.8rem; }
.AnswerItem-selectMenuItem { position: relative; padding-left:.88rem; line-height:.8rem; }
.AnswerItem-selectMenuItem .Icon { position: absolute; top: .2rem; left:.4rem; }
.AnswerItem-commercialBadge { display: block; background-color: rgba(201, 164, 105, 0.1); color: #C2A469; font-size:.28rem; padding:.24rem; margin-top: .24rem; 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:.12rem; 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:.2rem; margin-bottom: -.08rem; font-size: .28rem; color: #8590A6; }
html[data-theme="dark"] .AnswerItem-extraInfo { color: #606A80; }
.AnswerItem-statusContent { padding: .32rem; margin: .32rem 0; background: #F6F6F6; border-radius: 4px; }
html[data-theme="dark"] .AnswerItem-statusContent { background: #2E2E2E; }
.AnswerItem-statusReason { font-size: .3rem; line-height:.52rem; color: #1A1A1A; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; margin-bottom: .06rem; }
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:.28rem; line-height:.52rem; 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:.04rem; }
.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:.32rem; margin: .32rem 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:.3rem; 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:.48rem; }
.AnswerItem-CommercialQuestionTail { margin-top:.2rem; }
.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:.32rem; 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:.24rem; padding: 0 .2rem; line-height: .56rem; font-size:.24rem; }
.Body--Mobile .AnswerItem .Icon--comment,  .Body--Mobile .AnswerItem .Icon--star,  .Body--Mobile .AnswerItem .Icon--dots,  .Body--Mobile .AnswerItem .Icon--setting { width:.32rem !important; }
.AnswerItem-authorInfo { margin-top: .2rem; }
.AnswerItem-authorInfo--related { margin-top: 0; }
.AnswerItem-brandQuestionPrizeTip { margin-top:.16rem; font-size:.3rem; color: #8590A6; }
.AnswerItem-brandQuestionPrizeTip a { margin-left:.1rem; 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:.1rem; padding: 0 .2rem; }



.List-headerOptions{ display: flex; justify-content: center; align-self: center; }
.QuestionRichText { font-size:.3rem; line-height:.5rem; }
.QuestionRichText--expandable.QuestionRichText--collapsed { max-height:1.02rem; 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{font-size:.32rem;}
.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:.16rem; width:.2rem; height:.32rem;}
.QuestionRichText--video { max-height: 2.1rem !important; display: flex; margin-top: .16rem; }
.QuestionRichText--image { width:3.8rem; height:2.1rem; margin-right:.4rem; 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:1rem; height: .96rem; position: absolute; width: .96rem; left:1.4rem; top:.6rem; 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: .23rem 0 .23rem .36rem; border-color: transparent transparent transparent #FFFFFF; position: absolute; z-index: 3; border-radius: 2px; opacity: 0.9; left:1.8rem; top:.9rem; margin: auto; }
html[data-theme="dark"] .QuestionRichText--wrapImgae::after { border-color: transparent transparent transparent #1A1A1A; }

.QuestionRichText.hidden{display:none;}
.QuestionButtonGroup { margin: 0 -.16rem; font-size: 0; text-align:right;}
.QuestionButtonGroup .Button { margin: 0 .16rem; }


.QuestionStatus-notification-closeButton { padding-left: .32rem; }
.QuestionStatus-bar { position: relative; padding: .32rem; line-height: .56rem; 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;
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-commercialMuted { line-height: .52rem; font-size: .28rem; /* 与设计一致，不支持设备将回退为 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:.52rem; font-size: .28rem; 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:.64rem; }
.QuestionStatus-notification-divider { display: inline-block; height:.28rem; margin: 0 .24rem; 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: 4rem; margin-left: auto; }
.QuestionFollowStatus-counts .NumberBoard-itemInner { padding: 0 .16rem; }
.QuestionFollowStatus-people { height: .64rem; margin-top: .2rem; }
.QuestionFollowStatus-people .UserLink { display: inline-block; vertical-align: middle; }
.QuestionFollowStatus-people .UserLink + .UserLink { margin-left: -.16rem; }
.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: .16rem; font-size: .28rem; color: #8590A6; vertical-align: middle; }
html[data-theme="dark"] .QuestionFollowStatus-people-tip { color: #606A80; }



.QuestionHeaderActions { display: flex; align-items: center;margin-bottom: .2rem;}
.QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) { margin-left: .4rem; }
.QuestionHeaderActions .lookmore{flex:1; text-align:right;}
@media (max-width: 690px) {
.QuestionHeaderActions > .Button:not(:first-child), .QuestionHeaderActions > .Popover:not(:first-child) { margin-left:.32rem; }
}

.QuestionHeader { position: relative;padding: 0 0 .32rem; 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;height: 100%; padding: 0 .32rem; margin: 0 auto; }

.QuestionHeader-main { box-sizing: border-box;}
.PageHeader .QuestionHeader-content { align-items: center; }
.PageHeader .QuestionHeader-content .QuestionHeader-main{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}
.QuestionHeader-side { width: 296px; text-align: right; display:none;}
.QuestionHeader-tags { display: flex; }
.QuestionHeader-specialQuestionAuthor { height: .56rem; }
.QuestionHeader-topicDivider { margin: 0 .32rem; height: .48rem; 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: .06rem .1rem .06rem 0; vertical-align: middle; }
.QuestionHeader-topics .Button { margin-left: .24rem; vertical-align: middle; }
.QuestionHeader-title { margin-top: .24rem; margin-bottom:.08rem; font-size: .34rem; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; line-height:.54rem; color: #1A1A1A; }
.PageHeader .QuestionHeader-title p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
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:.24rem; 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:.24rem; }
.QuestionHeader-lock { vertical-align: middle; }
.QuestionHeader-detail { min-height:.2rem; }
.QuestionHeader-footer { padding-bottom: .24rem; margin-top:.28rem; margin-bottom: -.24rem; background: #FFFFFF; }
.QuestionHeader-footer.is-fixed { z-index: 3; height:1.2rem; 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 {align-items: center; justify-content: space-between; height: 100%; padding: 0 .32rem; margin: 0 auto; }
.QuestionHeader-footer-main {align-items: center; margin-top: .08rem;}
.QuestionButtonGroup + .QuestionHeaderActions { margin-left:.32rem; }
.QuestionButtonGroup + .BrandQuestionSettingMenu { margin: 0 .32rem; }
.QuestionHeader-collapse-icon { margin-left: .16rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.QuestionHeader-menu-item--commercial { position: relative; padding-left:.88rem; width: 2.96rem; }
.QuestionHeader-menu-item--commercial .MenuItem-icon { margin-left: -.36rem; }
.QuestionHeader-menu { font-size: .28rem; }
.QuestionHeader-menu-item { line-height: .8rem; }
.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 {justify-content: space-between; align-items: flex-start; margin: .2rem auto;  min-height: 100vh; }
.Question-mainColumn {}
.Question-sideColumn {}
.Question-sideColumn--sticky .Card:last-of-type { margin-bottom: 0; }
.Question-sideColumnAdContainer { margin-bottom:.2rem; }
.Question-sideColumnAdContainer:empty { display: none; }
.Question-sideColumn .Sticky.is-fixed{width: 5.92rem;top:1.24rem;}
.Question-sideColumn .Card:empty { display: none; }




.QuestionAnswers-content { margin-bottom:.28rem; }
.QuestionAnswers-answerTipCard { margin-bottom: .2rem; padding: .32rem .48rem; font-size: .3rem; color: #8590A6; text-align: center; }
.QuestionAnswers-answerTipCard.Card { margin-bottom: .2rem; }
.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:.2rem; }
.QuestionAnswers-answerTip { margin:.8rem 0; font-size: .28rem; color: #8590A6; text-align: center; }
.QuestionAnswers-answerTip.Card { margin-bottom: .2rem; }
.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:5.64rem; }
.QuestionAnswers-answerAdd.Card { margin-bottom:.2rem; }
.QuestionAnswers-statusWrapper .expand-enter { top:.72rem; 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:.72rem; }
.QuestionAnswers-answers { margin-bottom:.2rem; }
.AnswersNavWrapper { overflow: visible; overflow: initial; }
.Answers-none { padding: 1rem 0; }
.QuestionAnswers-navs { display: flex; flex-direction: row; align-items: center; }
.QuestionAnswers-nav { display: inline-block; height: 1rem; line-height: 1rem; }
.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:.66rem; }
.MoreAnswersCard { position: relative; margin-top: -.2rem; 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 .32rem; }
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:.96rem; font-size: .3rem; }
.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:6rem; height: 5rem; overflow: hidden; }
.Pc-card-button-close { position: absolute; top:.24rem; right: .24rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width:.36rem; height:.36rem; padding: 0; border-color: transparent; border-radius: 50%; background-color: #1a1a1a; opacity: 0; transition: opacity .3s; }
.Pc-card-button-close-svg { width:.28rem; height:.32rem; fill: #fff; }
.Pc-card:hover .Pc-card-button-close { opacity: 1; }
.Pc-card .Banner-adsense { width: 100%; height:5rem; }

.Recommendations-item { font-size:.28rem; line-height:.48rem; color: #8590A6; }
.Recommendations-item + .Recommendations-item { margin-top:.24rem; }
.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:.28rem; line-height:.42rem; color: #8590A6; }
.SimilarQuestions-item + .SimilarQuestions-item { margin-top:.2rem; }
.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:1.28rem; height:1.28rem; border-radius: 3px; margin-right:.16rem; -o-object-fit: cover; object-fit: cover; }
.RelatedCommodities-subject { color: #1A1A1A;height:.8rem;font-size: .28rem;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:.8rem; 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:.08rem; }
.RelatedCommodities-meta .Rating { display: inline-block; margin-right:.08rem; }
html[data-theme="dark"] .RelatedCommodities-meta { color: #606A80; }
/* 配色不在色组里 */
.RelatedCommodities-remixListen { position: relative; background: #fd3; color: #b37700; padding: .06rem .12rem .06rem .36rem; line-height: 1; border-color: #fd3; border-radius: 3px; }
.RelatedCommodities-remixListen:hover { background: #fd3; }
.RelatedCommodities-remixListen::before { position: absolute; left:.12rem; top:.12rem; display: block; border-width: .08rem .16rem; 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: .06rem .12rem .06rem .06rem; border-radius: 3px; line-height: 1; color: #FFFFFF; background: #0084FF; }
.RelatedCommodities-bookRead .Zi { margin-right: .04rem; }
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 .16rem;}
html[data-theme="dark"] .AppHeader-inner { background: #1A1A1A; }
}

@-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(.4rem);
 transform: translateY(.4rem);
}
to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInUp {
from {
 opacity: 0;
 -webkit-transform: translateY(.4rem);
 transform: translateY(.4rem);
}
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(.4rem);
 transform: translateY(.4rem);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translateY(.4rem);
 transform: translateY(.4rem);
}
}
.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; }

#urlQrcode img{width:2.12rem; height:2.12rem;}
em{font-style:normal;}
.kefuBoda{ color:inherit;}
/*SCV*/
.helpus-scv{color:#B1B1B1; margin-top: 0.4rem;}
.helpus-scv span{font-size:0.25rem;}
.helpus-scv .userinfo{padding: 0.5rem 0.5rem 0 0.5rem ; text-align: center;}
.helpus-scv .userinfo img{border-radius:50%; width: 52px; height: 52px;}
.helpus-scv .userqm{font-size:0.25rem;}
.helpus-scv .userqm em{font-size:0.3rem;}
.NestComment:not(:last-child):after{}