@charset "gb2312";
button { padding: 0; font: inherit; color: inherit; cursor: pointer; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
button, p, pre { margin: 0 }
h1, h2, h3 { margin: 0; }
ol, ul { padding: 0; margin: 0 }
li { list-style-type: none }
a { color: inherit; text-decoration: none }
.Sticky.is-fixed { position: fixed; z-index: 2; box-sizing: border-box }
.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 }
.Button { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; color: #8590a6; text-align: center; cursor: pointer; background: none; border: 1px solid #ccd8e1; border-radius: 3px }
 .Button::-moz-focus-inner {
 padding: 0;
 border: 0
}
.Button:focus { outline: none }
.Button:disabled { cursor: default; opacity: .5 }
.Button:hover { background-color: rgba(207,216,230,.1) }
.Button:hover:disabled { background-color: initial }
.Button--grey:hover { color: #abb6c5; border: 1px solid #abb6c5 }
.Button--grey, .Button--grey:disabled { color: #c3ccd9; border: 1px solid #c3ccd9 }
.Button--blue { color: #0f88eb; border: 1px solid #0f88eb }
.Button--blue:hover { background-color: rgba(13,121,209,.06) }
.Button--blue:disabled { background-color: initial }
.Button--green { color: #11a668; border: 1px solid #11a668 }
.Button--green:hover { background-color: rgba(8,166,100,.06) }
.Button--green:disabled { background-color: initial }
.Button--primary { background: #0f88eb }
.Button--primary.Button--blue { color: #fff }
.Button--primary.Button--blue:hover { background-color: #0d79d1 }
.Button--primary.Button--blue, .Button--primary.Button--blue:disabled { background: #0f88eb }
.Button--primary.Button--green { color: #fff; border-color: #12b370 }
.Button--primary.Button--green:hover { background-color: #08a369 }
.Button--primary.Button--green, .Button--primary.Button--green:disabled { background: #12b370 }
.Button--primary.Button--red { color: #fff }
.Button--primary.Button--red:hover { background-color: #ed4e50 }
.Button--primary.Button--red, .Button--primary.Button--red:disabled { background: #f75659; border-color: #f75659 }
.Button--primary.Button--grey { color: #fff }
.Button--primary.Button--grey:hover { background: #abb6c5; border: 1px solid #abb6c5 }
.Button--primary.Button--grey, .Button--primary.Button--grey:disabled { background: #c3ccd9; border: 1px solid #c3ccd9 }
.Button--spread { width: 100% }
.Button-icon { margin-right: 7px }
.Button--plain .Button-icon { margin-right: 6px }
.Button--blue .Button-icon, .Button--green .Button-icon, .Button--red .Button-icon { fill: currentColor }
.Button--link, .Button--plain { height: auto; padding: 0; line-height: inherit; background-color: transparent; border: none; border-radius: 0 }
.Button--link:hover, .Button--plain:hover { background-color: transparent }
.Button--link { color: #175199 }
.Notification { position: fixed; top: 0; left: 50%; z-index: 99; padding: 16px 20px; width: 680px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); font-size: 14px; text-align: center; pointer-events: all; border-radius: 0 0 4px 4px; box-shadow: 0 1px 3px 0 #afbdcf; box-sizing: border-box }
.Notification-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 203; overflow: hidden; pointer-events: none }
.Notification-white { color: #8798ae; background: #fff }
.Notification-red { color: #fff; background: #f75659 }
.Notification-red-ghost { color: #f75659; background: #fff }
 @-webkit-keyframes spring-in {
 0% {
 -webkit-transform: translate3d(-50%, -100%, 0);
 transform: translate3d(-50%, -100%, 0)
}
 60% {
 -webkit-transform: translate3d(-50%, -10%, 0);
 transform: translate3d(-50%, -10%, 0)
}
 to {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0)
}
}
 @keyframes spring-in {
 0% {
 -webkit-transform: translate3d(-50%, -100%, 0);
 transform: translate3d(-50%, -100%, 0)
}
 60% {
 -webkit-transform: translate3d(-50%, -10%, 0);
 transform: translate3d(-50%, -10%, 0)
}
 to {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0)
}
}
 @-webkit-keyframes spring-out {
 0% {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0)
}
 to {
 -webkit-transform: translate3d(-50%, -100%, 0);
 transform: translate3d(-50%, -100%, 0)
}
}
 @keyframes spring-out {
 0% {
 -webkit-transform: translate3d(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0)
}
 to {
 -webkit-transform: translate3d(-50%, -100%, 0);
 transform: translate3d(-50%, -100%, 0)
}
}
.Notification-enter { -webkit-animation: spring-in .37s; animation: spring-in .37s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.Notification-leave { -webkit-animation: spring-out .24s; animation: spring-out .24s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.Formula { display: inline-block; vertical-align: middle; background: no-repeat 50% }
.Formula.isEditable { cursor: pointer }
.Formula-image { opacity: 0; visibility: hidden }
.Formula-placeholder { opacity: 0 }
.Input-wrapper { position: relative; height: 32px; padding: 0px 10px; font-size: 14px; background: #fff; border: 1px solid #e7eaf1; border-radius: 3px; box-sizing: border-box; transition: background .2s, border .2s; overflow: hidden; display: block; float: left; }
.Input-wrapper.Input-wrapper--grey { background: #f7f8fa }
.Input-wrapper.Input-wrapper--spread { width: 100% }
.Input-wrapper.Input-wrapper--multiline { height: inherit }
.Input-wrapper .DraftEditor-root, .Input-wrapper .Editable-toolbar, .Input-wrapper.Input-wrapper--large { height: auto; padding: 6px 12px }
.Input-wrapper .Dropzone-overlay { margin: 6px 12px }
.Input-wrapper.Input-wrapper--noPadding { padding: 0 }
.Input-wrapper.is-focus { background: #fff; border: 1px solid #9fadc7 }
.Input { float: left; padding: 0; overflow: hidden; background: transparent; border: none; outline: none; resize: none; height: 32px; font-family: "inherit inherit/24px inherit"; line-height: 32px; }
 .Input:-ms-input-placeholder {
 line-height: normal
}
 .Input .public-DraftEditorPlaceholder-root, .Input::-webkit-input-placeholder {
 color: #9fadc7
}
 .Input .public-DraftEditorPlaceholder-root, .Input:-ms-input-placeholder {
 color: #9fadc7
}
 .Input .public-DraftEditorPlaceholder-root, .Input::placeholder {
 color: #9fadc7
}
 .Input--validationError::-webkit-input-placeholder {
 color: #f75659
}
 .Input--validationError:-ms-input-placeholder {
 color: #f75659
}
 .Input--validationError::placeholder {
 color: #f75659
}
.btnsearch { background: url(../zhidao_files/iconsearch.jpg) no-repeat right center; float: right; height: 32px; width: 20px; border-style: none; cursor: pointer; }
.btnsearchover { background: url(../zhidao_files/iconsearchhover.jpg) no-repeat right center; }
.Icon { vertical-align: text-bottom; fill: #9fadc7 }
.Icon--left { margin-right: 6px }
.ModalButtonGroup--vertical { margin-top: 40px; margin-bottom: 16px }
.ModalButtonGroup--vertical .Button { display: block; width: 220px; margin-right: auto; margin-left: auto }
.ModalButtonGroup--vertical .Button+.Button { margin-top: 28px }
.Modal-content--buttonGroupOnly .ModalButtonGroup--vertical { margin-top: 60px }
.ModalButtonGroup--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 48px }
.ModalButtonGroup--horizontal .Button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ModalButtonGroup--horizontal .Button:last-child:first-child { width: 220px; margin-right: auto; margin-left: auto; -webkit-box-flex: initial; -ms-flex: initial; flex: initial }
.ModalButtonGroup--horizontal .Button+.Button { margin-left: 16px }
.Modal-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 203; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-x: hidden; overflow-y: auto; transition: opacity .3s ease-out }
.Modal-wrapper.Modal-enter { opacity: .01 }
.Modal-wrapper.Modal-enter-active, .Modal-wrapper.Modal-leave { opacity: 1 }
.Modal-wrapper.Modal-leave-active { opacity: .01 }
.Modal-backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0,0,0,.65); transition: background-color .3s ease-out }
.Modal-wrapper--transparent .Modal-backdrop { background-color: transparent }
.Modal { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 400px;  max-height: calc(100vh - 24px * 2);
margin-right: auto; margin-left: auto; outline: 0; box-shadow: 0 5px 20px 0 rgba(0,34,77,.5); box-sizing: border-box; transition: max-height .8s ease }
.Modal--large { width: 536px }
.Modal--fullPage { width: 688px;  height: calc(100vh - 24px * 2)
}
.Modal-enter .Modal { -webkit-transform: translateY(20px); transform: translateY(20px) }
.Modal-enter-active .Modal { transition: opacity .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out }
.Modal-enter-active .Modal, .Modal-leave .Modal { -webkit-transform: translateY(0); transform: translateY(0) }
.Modal-leave-active .Modal { -webkit-transform: translateY(20px); transform: translateY(20px); transition: opacity .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out }
.Modal-inner { overflow: auto; background: #fff; }
.Modal--fullPage .Modal-inner { height: 100% }
.Modal-closeButton { position: absolute; top: 8px; right: -60px; padding: 12px }
.Modal-closeIcon { vertical-align: top; fill: #fff }
.Modal-title { margin-top: 40px; font-size: 24px; font-weight: 500; color: #262626; text-align: center }
.Modal-title.Modal-title--simple { font-family: inherit; font-size: 20px }
.Modal-subtitle { padding: 0 38px; margin-top: 4px; font-size: 14px; line-height: 1.5; color: #8590a6; text-align: center }
.Modal-subtitle a { text-decoration: underline }
.Modal-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 24px 32px; margin-top: 24px; line-height: 1.7; opacity: 1 }
.Modal--fullPage .Modal-content { padding: 0 }
.Modal-content.Modal-content--spread { height: 100%; margin-top: 0 }
.Modal-content.Modal-content--hidden { opacity: 0; transition: opacity .3s ease-out }
.Modal-footer { padding: 16px 24px; font-size: 13px; line-height: 1.7; color: #9aaabf; background: #f7f8fa; border-top: 1px solid #efeef5 }
.Modal-footer a { text-decoration: underline }
.FormulaModal-form { text-align: center }
.FormulaModal-input { margin-bottom: 30px }
.FormulaModal-formula { overflow-x: auto }
.Popover { position: relative; display: inline-block }
.Popover-arrow { position: absolute }
.Popover-arrow, .Popover-arrow:after { border: 8px solid transparent; display: block; width: 0; height: 0 }
.Popover-arrow:after { position: absolute; left: 0; top: 0; content: "" }
.Popover-arrow--top { border-top-color: #e7eaf1; margin-top: 7px }
.Popover-arrow--top, .Popover-arrow--top:after { border-bottom-width: 0; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0) }
.Popover-arrow--top:after { margin-top: -1px; border-top-color: #fff }
.Popover-arrow--bottom { border-bottom-color: #e7eaf1; margin-top: -8px }
.Popover-arrow--bottom, .Popover-arrow--bottom:after { border-top-width: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.Popover-arrow--bottom:after { margin-top: 1px; border-bottom-color: #fff }
.Popover-arrow--left { border-left-color: #e7eaf1; margin-left: 7px }
.Popover-arrow--left, .Popover-arrow--left:after { border-right-width: 0; -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0) }
.Popover-arrow--left:after { margin-left: -1px; border-left-color: #fff }
.Popover-arrow--right { border-right-color: #e7eaf1; margin-left: -8px }
.Popover-arrow--right, .Popover-arrow--right:after { border-left-width: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.Popover-arrow--right:after { margin-left: 1px; border-right-color: #fff }
.Popover-content { position: absolute; background: #fff; border: 1px solid #e7eaf1; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,34,77,.1); z-index: 203 }
.Popover-content-enter { opacity: .01 }
.Popover-content-enter-active { transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out }
.Popover-content-enter-active, .Popover-content-leave { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
.Popover-content-leave-active { opacity: .01; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out }
.Popover-content--fixed { position: fixed }
.Popover-content--top { -webkit-transform-origin: bottom center; transform-origin: bottom center; margin-top: -8px }
.Popover-content--top.Popover-content--arrowed { margin-top: -16px }
.Popover-content--top.Popover-content--enter, .Popover-content--top.Popover-content-leave-active { -webkit-transform: translateY(8px); transform: translateY(8px) }
.Popover-content--bottom { margin-top: 8px }
.Popover-content--bottom.Popover-content--arrowed { margin-top: 16px }
.Popover-content--bottom.Popover-content--enter, .Popover-content--bottom.Popover-content-leave-active { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
.Popover-content--left { -webkit-transform-origin: right center; transform-origin: right center; margin-left: -8px }
.Popover-content--left.Popover-content--arrowed { margin-left: -16px }
.Popover-content--left.Popover-content--enter, .Popover-content--left.Popover-content-leave-active { -webkit-transform: translateX(8px); transform: translateX(8px) }
.Popover-content--right { margin-left: 8px }
.Popover-content--right.Popover-content--arrowed { margin-left: 16px }
.Popover-content--right.Popover-content--enter, .Popover-content--right.Popover-content-leave-active { -webkit-transform: translateX(-8px); transform: translateX(-8px) }
.Avatar { background: #fff; border-radius: 2px }
.Avatar--medium { border-radius: 3px }
.Avatar--large { border-radius: 4px }
.Avatar--round { border-radius: 50% }
.AutoComplete-UserItem { width: 188px; height: 50px; padding: 9px 0; line-height: normal; box-sizing: border-box }
.AutoComplete-UserDetail { display: inline-block; margin-left: 8px; vertical-align: middle }
.AutoComplete-UserHeadline, .AutoComplete-UserName { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.AutoComplete-UserName { font-size: 14px; color: #262626 }
.AutoComplete-UserHeadline { font-size: 12px; color: #8590a6 }
.AutoComplete-UserAvatar { vertical-align: middle }
.AutoComplete-menu--hidden { visibility: hidden }
.MentionSuggestions { position: absolute; z-index: 203; line-height: 1 }
.MentionSuggestions-input { width: 200px; padding: 4px 6px; font-size: inherit }
.MentionSuggestions-input .Input { height: auto; background: transparent }
.MentionSuggestions-menu { width: 200px }
.MentionSuggestions-menu .Menu-item { padding: 0 10px }
.Dropzone { position: relative }
.Dropzone-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none }
.Dropzone-overlay-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; color: #9aaabf; background-color: hsla(0,0%,100%,.5); border: 3px dashed currentColor; border-radius: 6px; box-sizing: border-box }
.Dropzone-overlay-text { font-size: 24px }
.Embed embed { display: block; width: 100%; height: 100% }
.VideoCard { position: relative; overflow: hidden; border: 1px solid #e7eaf1; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,34,77,.05) }
.VideoCard-link { display: block }
.VideoCard-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.VideoCard-poster { width: 120px; height: 90px; background-color: #e7eaf1 }
.VideoCard-poster img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.VideoCard-video { position: relative; width: 100% }
.VideoCard-video:before { display: block; padding-top: 56.25%; content: "" }
.VideoCard-video-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.VideoCard-thumbnail { position: relative; width: 100%; height: 100%; background-color: #e7eaf1 }
.VideoCard-thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.VideoCard-play-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 64px; height: 64px; margin: auto; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.VideoCard-play-button .Icon { display: block }
.VideoCard--interactive .VideoCard-video:hover .VideoCard-play-button { -webkit-transform: scale(1.1); transform: scale(1.1) }
.VideoCard-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 16px; overflow: hidden; box-sizing: border-box }
.VideoCard-title { overflow: hidden; height: 30px; font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap }
.VideoCard-link .VideoCard-content:hover .VideoCard-title { color: #175199 }
.VideoCard-description { height: 25px; margin-top: 5px; line-height: 25px }
.VideoCard-source { display: inline-block; margin-right: 10px; color: #8590a6 }
.VideoCard-badge { display: inline-block; padding: 0 8px; color: #8590a6; background-color: #f7f8fa; border-radius: 3px }
.VideoCard-player { width: 100%; height: 100%; background-color: #000 }
.VideoCard-player .Embed, .VideoCard-player iframe { display: block; width: 100%; height: 100% }
.VideoCard-overlay { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff }
.VideoCard-overlay.is-loading { opacity: 0 }
.VideoCard-mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #000; transition: opacity .3s, visibility .3s }
.VideoCard-mask:not(.is-shown) { opacity: 0; visibility: hidden }
.VideoCard--mobile .VideoCard-poster { width: 100px; height: 75px }
.VideoCard--mobile .VideoCard-video:hover .VideoCard-play-button { -webkit-transform: scale(1); transform: scale(1) }
.VideoCard--mobile .VideoCard-content { padding: 10px 12px }
.VideoCard--mobile .VideoCard-title { font-size: 16px }
.VideoCard--mobile .VideoCard-description { margin-top: 0; font-size: 12px }
.Editable-video { margin: 16px 0 }
.LoadingBar { position: fixed; top: 0; right: 0; left: 0; z-index: 101; display: none; height: 2px; pointer-events: none; background: #4197ff; -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.LoadingBar.is-active { display: block; -webkit-animation: LoadingBarForward 1s ease-in-out .8s infinite; animation: LoadingBarForward 1s ease-in-out .8s infinite }
 @-webkit-keyframes LoadingBarForward {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%)
}
 40% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
 60% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
 to {
 -webkit-transform: translateX(100%);
 transform: translateX(100%)
}
}
 @keyframes LoadingBarForward {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%)
}
 40% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
 60% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
 to {
 -webkit-transform: translateX(100%);
 transform: translateX(100%)
}
}
.Editable-videoUploader { margin: 16px 0 }
.Editable-videoUploader-thumbnail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100% }
.Editable-videoUploader-text { text-align: center; color: #8597a6 }
.Editable-videoUploader-status { font-size: 28px; line-height: 40px }
.Editable-videoUploader-size { margin-top: 10px; font-size: 14px; line-height: 20px }
.Editable-videoUploader-progress { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; height: 4px; background-color: rgba(0,0,0,.05) }
.Editable-videoUploader-progress-bar { position: absolute; left: 0; top: 0; height: 100%; background-color: #0f88eb }
.Editable-videoUploader-progress-bar.is-error { background-color: #f75659 }
.Editable-videoUploader-progress .LoadingBar { position: absolute; left: 0; top: 0; height: 100%; background-color: hsla(0,0%,100%,.3) }
.Editable-videoError { margin: 16px 0 }
.Editable-videoError-thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100% }
.Editable-videoError-error { font-size: 28px; line-height: 40px; text-align: center; color: #8597a6 }
.Editable-toolbar { background: #f7f8fa; border-bottom: 1px solid #e7eaf1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.Editable-controls { display: inline-block }
.Editable-controls+.Editable-controls { padding-left: 12px; border-left: 1px solid #e7eaf1 }
.Editable-control { width: 28px; height: 28px; margin-right: 12px; cursor: pointer; box-sizing: border-box }
.Editable-control.is-active, .Editable-control:hover { background: #fcfcfc; border: 1px solid #ebeef5 }
.Editable-videoModal-typeButton { font-size: 20px; font-weight: 400; color: inherit }
.Editable-videoModal-typeButton.is-active { font-weight: 500; color: #0f88eb }
.Editable-videoModal-typeDivider { display: inline-block; height: 20px; margin: 0 40px; border-right: 1px solid #e7eaf1; vertical-align: middle }
.Editable-videoModal-container, .Editable-videoModal-uploader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 220px }
.Editable-videoModal-uploader { position: relative; box-sizing: border-box; border: 2px dashed #e7eaf1; border-radius: 10px; cursor: pointer }
.Editable-videoModal-uploader:hover { border-color: #9fadc7 }
.Editable-videoModal-uploader:hover .Icon { fill: #9fadc7 }
.Editable-videoModal-uploader input { display: none }
.Editable-videoModal-uploader-icon { text-align: center; display: block }
.Editable-videoModal-uploader-icon .Icon { vertical-align: middle; fill: #e7eaf1 }
.Editable-videoModal-uploader-text { margin-top: 10px; font-size: 18px; line-height: 30px; text-align: center }
.Editable-videoModal-uploader-tip { font-size: 14px; line-height: 30px; text-align: center; color: #8590a6 }
.Editable-languageSuggestions { position: fixed; z-index: 203 }
.Editable-languageSuggestionsInput { cursor: pointer }
.Editable-languageSuggestionsInput input { cursor: inherit }
.Editable-languageSuggestionsInput input:focus { cursor: text }
.Editable-languageSuggestionsMenu { max-height: 300px; margin-top: -8px; margin-bottom: -8px; overflow-y: auto }
.RichText { word-break: break-word; white-space: pre-wrap }
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) { text-decoration: none; cursor: pointer; border-bottom: 1px solid rgba(64,64,64,.72) }
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover { color: #175199; border-color: rgba(62,122,194,.72) }
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.ellipsis:after { content: "..." }
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.invisible { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent }
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) u { border-color: transparent }
.RichText a.member_mention, .RichText a.UserLink-link { color: #175199 }
.RichText a.member_mention:hover, .RichText a.UserLink-link:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.RichText u { text-decoration: none; border-bottom: 1px solid rgba(64,64,64,.72) }
.RichText u a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) { border-color: transparent }
.RichText b { font-weight: 700 }
.RichText h1, .RichText h2, .RichText h3, .RichText h4, .RichText h5, .RichText h6 { margin-top: 1em; margin-bottom: 1em; font-size: 18px; font-weight: 400 }
.RichText p { margin-bottom: .72em }
.RichText .content_image, .RichText .origin_image { display: block; max-width: 100%; margin-top: .72em; margin-bottom: .72em }
.RichText .zh-lightbox-thumb { cursor: -webkit-zoom-in }
.RichText blockquote { padding-left: 1em; margin: 1em 0; color: #6b7a8c; border-left: 4px solid #cfd8e6 }
.RichText blockquote a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) { border-color: rgba(107,122,140,.72) }
.RichText ol, .RichText ul { padding-left: 2em; margin: 1em 0 }
.RichText ol li, .RichText ul li { list-style-position: outside }
.RichText ol ol, .RichText ol ul, .RichText ul ol, .RichText ul ul { margin: 0 }
.RichText ul li { list-style-type: disc }
.RichText ol li { list-style-type: decimal }
.RichText .link-box, .RichText .video-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 16px; margin-bottom: 16px; overflow: auto; white-space: normal; cursor: pointer; border: 1px solid #e7eaf1; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,34,77,.05) }
.RichText .link-box .thumbnail, .RichText .video-box .thumbnail { -ms-flex-negative: 0; flex-shrink: 0; width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover }
.RichText .link-box .content, .RichText .video-box .content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 16px; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around }
.RichText .link-box .title, .RichText .video-box .title { font-size: 18px; font-weight: 400 }
.RichText .link-box .url, .RichText .video-box .url { overflow: hidden; font-size: 15px; color: #8798ae; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.RichText .link-box .label, .RichText .video-box .label { display: none }
.RichText img[eeimg] { max-width: 100%; vertical-align: middle }
.RichText img[eeimg="1"] { display: inline-block; margin: 0 3px }
.RichText pre { padding-right: 1em; padding-left: 1em; margin: 1em 0; overflow: auto; font-family: Menlo, Monaco, Consolas, Andale Mono, lucida console, Courier New, monospace; font-size: 14px; word-wrap: break-word; background: #ebeef5; border-radius: 4px }
.RichText pre .hll { background-color: #ffc }
.RichText pre .c { font-style: italic; color: #998 }
.RichText pre .err { color: #a61717; background-color: #e3d2d2 }
.RichText pre .k, .RichText pre .o { font-weight: 700 }
.RichText pre .cm { font-style: italic; color: #998 }
.RichText pre .cp { font-weight: 700; color: #999 }
.RichText pre .c1 { font-style: italic; color: #998 }
.RichText pre .cs { font-style: italic; font-weight: 700; color: #999 }
.RichText pre .gd { color: #000; background-color: #fdd }
.RichText pre .ge { font-style: italic }
.RichText pre .gr { color: #a00 }
.RichText pre .gh { color: #999 }
.RichText pre .gi { color: #000; background-color: #dfd }
.RichText pre .go { color: #888 }
.RichText pre .gp { color: #555 }
.RichText pre .gs { font-weight: 700 }
.RichText pre .gu { color: #aaa }
.RichText pre .gt { color: #a00 }
.RichText pre .kc, .RichText pre .kd, .RichText pre .kn, .RichText pre .kp, .RichText pre .kr { font-weight: 700 }
.RichText pre .kt { font-weight: 700; color: #458 }
.RichText pre .m { color: #099 }
.RichText pre .s { color: #d32 }
.RichText pre .na, .RichText pre .nb { color: teal }
.RichText pre .nc { font-weight: 700; color: #458 }
.RichText pre .no { color: teal }
.RichText pre .ni { color: purple }
.RichText pre .ne, .RichText pre .nf { font-weight: 700; color: #900 }
.RichText pre .nn { color: #555 }
.RichText pre .nt { color: navy }
.RichText pre .nv { color: teal }
.RichText pre .ow { font-weight: 700 }
.RichText pre .w { color: #bbb }
.RichText pre .mf, .RichText pre .mh, .RichText pre .mi, .RichText pre .mo { color: #099 }
.RichText pre .s2, .RichText pre .sb, .RichText pre .sc, .RichText pre .sd, .RichText pre .se, .RichText pre .sh, .RichText pre .si, .RichText pre .sx { color: #d32 }
.RichText pre .sr { color: olive }
.RichText pre .s1, .RichText pre .ss { color: #d32 }
.RichText pre .bp { color: #999 }
.RichText pre .vc, .RichText pre .vg, .RichText pre .vi { color: teal }
.RichText pre .il { color: #099 }
 .RichText pre::-webkit-scrollbar {
 width: 6px;
 height: 6px
}
 .RichText pre::-webkit-scrollbar-thumb:horizontal {
 background-color: rgba(0,0,0,.5);
 border-radius: 6px
}
 .RichText pre::-webkit-scrollbar-thumb:horizontal:hover {
 background-color: rgba(0,0,0,.6)
}
.RichText .katex-display { text-align: left }
.RichText .icon-external { width: 16px; height: 16px; display: inline-block; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M16.243 6H14c-.552 0-1-.448-1-1s.448-1 1-1h5c.276 0 .526.112.707.293.18.18.293.43.293.707v5c0 .552-.448 1-1 1s-1-.448-1-1V7.067c-.016.02-.033.037-.05.054l-4.707 4.71c-.39.39-1.024.39-1.415 0-.39-.39-.39-1.023 0-1.414L16.243 6zM9 4c.552 0 1 .448 1 1s-.448 1-1 1H6v12h12v-3c0-.552.448-1 1-1s1 .448 1 1v-4.5V18c0 1.105-.895 2-2 2H6c-1.105 0-2-.895-2-2V6c0-1.105.895-2 2-2h7.5H9z'/></svg>"); background-size: cover; background-position: 0 2px }
body:not(.Body--isAppleDevice) .RichText .link-box title, body:not(.Body--isAppleDevice) .RichText .video-box title, body:not(.Body--isAppleDevice) .RichText b, body:not(.Body--isAppleDevice) .RichText h1, body:not(.Body--isAppleDevice) .RichText h2, body:not(.Body--isAppleDevice) .RichText h3, body:not(.Body--isAppleDevice) .RichText h4, body:not(.Body--isAppleDevice) .RichText h5, body:not(.Body--isAppleDevice) .RichText h6 { font-weight: 700 }
.Editable-notification-layout { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.Editable-notification-actions, .Editable-notification-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.Editable-notification-actions { margin: 0 -12px }
.Editable-notification-action { margin: 0 12px }
.Editable .RichText { cursor: text }
.public-DraftEditorPlaceholder-root { position: absolute; pointer-events: none }
.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root { display: none }
.DraftEditor-root .Editable-unstyled:not(:last-child) { margin-bottom: .8em }
.DraftEditor-root blockquote+blockquote { margin-top: -1em }
.DraftEditor-root pre.public-DraftStyleDefault-pre { overflow: hidden; border-radius: 4px }
.DraftEditor-root pre.public-DraftStyleDefault-pre pre { padding: 0; margin: 0; border-radius: 0 }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { margin-left: 2em }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 { margin-left: 4em }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 { margin-left: 6em }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4, .DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 { margin-left: 8em }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem { position: relative; list-style-type: none }
.DraftEditor-root .public-DraftStyleDefault-orderedListItem:before { position: absolute; left: -36px; width: 30px; text-align: right }
.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 }
.DraftEditor-root figure { margin: 0 }
 .public-DraftStyleDefault-block, _:-ms-lang(x) {
 font-size: 0
}
 .public-DraftStyleDefault-block *, _:-ms-lang(x) * {
 font-size: 14px
}
.DraftEditor-root code[class*=language-], .DraftEditor-root pre[class*=language-] { color: #000; background: none; text-shadow: 0 1px #fff; font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none }
 .DraftEditor-root code[class*=language-]::-moz-selection, .DraftEditor-root code[class*=language-] ::-moz-selection, .DraftEditor-root pre[class*=language-]::-moz-selection, .DraftEditor-root pre[class*=language-] ::-moz-selection {
 text-shadow: none;
 background: #b3d4fc
}
.DraftEditor-root code[class*=language-]::selection, .DraftEditor-root code[class*=language-] ::selection, .DraftEditor-root pre[class*=language-]::selection, .DraftEditor-root pre[class*=language-] ::selection { text-shadow: none; background: #b3d4fc }

@media print {
.DraftEditor-root code[class*=language-], .DraftEditor-root pre[class*=language-] { text-shadow: none }
}
.DraftEditor-root pre[class*=language-] { padding: 1em; margin: .5em 0; overflow: auto }
.DraftEditor-root :not(pre)>code[class*=language-], .DraftEditor-root pre[class*=language-] { background: #f5f2f0 }
.DraftEditor-root :not(pre)>code[class*=language-] { padding: .1em; border-radius: .3em; white-space: normal }
.DraftEditor-root .token.cdata, .DraftEditor-root .token.comment, .DraftEditor-root .token.doctype, .DraftEditor-root .token.prolog { color: #708090 }
.DraftEditor-root .token.punctuation { color: #999 }
.DraftEditor-root .namespace { opacity: .7 }
.DraftEditor-root .token.boolean, .DraftEditor-root .token.constant, .DraftEditor-root .token.deleted, .DraftEditor-root .token.number, .DraftEditor-root .token.property, .DraftEditor-root .token.symbol, .DraftEditor-root .token.tag { color: #905 }
.DraftEditor-root .token.attr-name, .DraftEditor-root .token.builtin, .DraftEditor-root .token.char, .DraftEditor-root .token.inserted, .DraftEditor-root .token.selector, .DraftEditor-root .token.string { color: #690 }
.DraftEditor-root .language-css .token.string, .DraftEditor-root .style .token.string, .DraftEditor-root .token.entity, .DraftEditor-root .token.operator, .DraftEditor-root .token.url { color: #a67f59; background: hsla(0,0%,100%,.5) }
.DraftEditor-root .token.atrule, .DraftEditor-root .token.attr-value, .DraftEditor-root .token.keyword { color: #07a }
.DraftEditor-root .token.function { color: #dd4a68 }
.DraftEditor-root .token.important, .DraftEditor-root .token.regex, .DraftEditor-root .token.variable { color: #e90 }
.DraftEditor-root .token.bold, .DraftEditor-root .token.important { font-weight: 700 }
.DraftEditor-root .token.italic { font-style: italic }
.DraftEditor-root .token.entity { cursor: help }
.SignFlowInput { position: relative }
.SignFlowInput .Input-wrapper { width: 100%; height: 48px; padding: 0; color: #8590a6; border: none }
.SignFlowInput input.Input { height: 48px }
.SignFlowInput-errorMask { position: absolute; right: 0; height: 90%; padding: 12px 0 0 20px; margin-top: -47px; font-size: 14px; color: #f75659; text-align: right; cursor: text; background: #fff; opacity: 1; box-sizing: border-box; transition: opacity .25s ease }
.SignFlowInput-errorMask:before { position: absolute; top: 0; left: -16px; width: 16px; height: 46px; background: linear-gradient(90deg, hsla(0,0%,100%,0), #fff); content: "" }
.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; width: 100%; padding-left: 0; text-align: left }
.SignFlowInput-requiredErrorMask:before { width: 0; height: 0; overflow: hidden; opacity: 0 }
.Captcha { position: relative; opacity: 1; transition: opacity .3s ease }
.Captcha-chineseContainer { position: relative; width: 100%; padding: 0 60px; margin-top: 16px; box-sizing: border-box }
.Captcha-englishContainer { position: absolute; top: 24px; right: 0; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.Captcha-chineseImg { display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.Captcha-englishImg { display: block; height: 30px; cursor: pointer }
.Captcha-chineseOperator { width: 100%; margin-top: 8px }
.Captcha-info { font-size: 14px; color: #8590a6 }
.Captcha-error { color: #f75659 }
.Captcha-chineseRefreshButton { float: right; width: 14px; height: 17px }
.Captcha-errorMessage { right: 76px }
.Captcha-requiredErrorMessage { right: 0 }
.ChineseCaptchaPoint { position: absolute }
.ChineseCaptchaPoint-backIcon { fill-opacity: .75 }
.ChineseCaptchaPoint-backIcon--hovered { fill-opacity: .8 }
.ChineseCaptchaPoint-frontIcon { position: absolute; top: 4px; left: 4px }
.ChineseCaptchaPoint-frontIcon--hovered { top: 6px; left: 6px }
.Select-button { height: 40px; padding: 0 20px; line-height: 38px; color: #262626; text-align: left; box-sizing: border-box }
.Select-plainButton { padding: 0; border: 1px solid transparent }
.Select-arrow { margin-left: 8px }
.Select-list { position: relative; overflow: auto; max-height: 500px; padding: 8px 0; border-radius: 4px }
.Select-option { display: block; width: 100%; height: 40px; padding: 0 20px; line-height: 40px; text-align: left }
.Select-option:focus { background: #f4f8fb }
.Select-popoverTarget { margin-top: 0; transition: opacity .2s ease-out }
.SignFlow-accountInputContainer { overflow: hidden }
.SignFlow-account { margin-top: 16px; border-bottom: 1px solid #e7eaf1; border-radius: 0 }
.SignFlow-supportedCountriesSelectContainer { display: inline-block; float: left; min-width: 72px; -webkit-transform: translateY(4px); transform: translateY(4px) }
.SignFlow-supportedCountriesList .Select-option, .SignFlow-supportedCountriesSelectContainer .Select-button { color: #8590a6 }
.SignFlow-accountSeperator { float: left; width: 1px; height: 22px; margin: 24px 12px 0; background: #e1e6f0; -webkit-transform: translateY(-11px); transform: translateY(-11px) }
.SignFlow-passwordErrorMask { z-index: 10 }
.SignFlow-passwordInput { font-size: 24px }
.SignFlow-passwordInput input { letter-spacing: 1.8px }
.SignFlow-requiredPasswordErrorMask { right: auto; width: 80% }
.SignFlow-password { position: relative; margin-top: 12px }
.SignFlow-switchPassword { position: absolute; top: 24px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.SignFlow-switchPasswordIcon:hover { fill: #95a1ba }
.SignFlow-username { position: relative; margin-top: 12px }
.SignFlowModalHeader { padding: 24px 0 28px; margin: 0 -24px; background: #0f88eb }
.SignFlowModalHeader-title { font-size: 24px; color: #fff; text-align: center }
.SignFlowModalHeader-subTitle { margin-top: 4px; font-size: 14px; color: #fff; text-align: center }
.CountingDownButton { color: #175199 }
.CountingDownButton.is-counting { color: #8590a6; cursor: auto }
.SignFlow-smsInputContainer { position: relative; margin-top: 12px }
.SignFlow-smsInputButton { position: absolute; right: 0; padding: 4px 0; color: #175199 }
.SignFlow-smsInputButton, .SignFlow-smsInputErrorMessage { top: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.SignFlow-smsInputErrorMessage { right: 130px; width: 40%; height: 47px; padding: 0; padding-left: 4px; margin: 0; line-height: 47px }
.SignFlow-smsInputRequiredErrorMask { right: 0; padding-left: 0 }
.RegisterSMSCodeVerificationDialog { position: relative; box-shadow: 0 -1px 0 0 #ebeef5 }
.RegisterSMSCodeVerificationDialog-header { padding-top: 23px }
.RegisterSMSCodeVerificationDialog-title { font-size: 24px; color: #262626; text-align: center }
.RegisterSMSCodeVerificationDialog-subtitle { font-size: 14px; color: #8590a6; text-align: center }
.RegisterSMSCodeVerificationDialog-phoneNo, .SMSInput { width: 100%; height: 48px; font-size: 14px; line-height: 40px; color: #8590a6 }
.RegisterSMSCodeVerificationDialog-phoneNo { border-bottom: 1px solid #e7eaf1; padding: 4px 0; margin-top: 24px; box-sizing: border-box }
.RegisterSMSCodeVerificationDialog-form { position: relative }
.RegisterSMSCodeVerificationDialog-remind { position: absolute; right: 0; margin-top: 12px; color: #8590a6 }
.RegisterSMSCodeVerificationDialog-buttonContainer { padding: 0 58px; text-align: center }
.RegisterSMSCodeVerificationDialog-enterButton { width: 100%; margin: 71px auto 0 }
.RegisterSMSCodeVerificationDialog-backButton { position: relative; top: 28px; height: 17px }
.RegisterSMSTypeOptions { margin-top: 16px }
.RegisterSMSTypeCut { float: right }
.RegisterSMSTypeCut:hover { color: #7a8599 }
.BounceLoading { position: relative }
.BounceLoading .BounceLoading-child { position: absolute; background-color: #0f88eb; border-radius: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: Bounce; animation-name: Bounce; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both }
 @-webkit-keyframes Bounce {
 0%, to {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%)
}
 50% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%)
}
}
 @keyframes Bounce {
 0%, to {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%)
}
 50% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%)
}
}
.SignFlow { overflow: hidden }
 .SignFlow input[type=number]::-webkit-inner-spin-button, .SignFlow input[type=number]::-webkit-outer-spin-button {
 margin: 0;
 -webkit-appearance: none;
 appearance: none
}
.SignFlow input { height: 48px }
 .SignFlow input::-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
.SignFlow input[type=number] { -moz-appearance: textfield }
.SignFlow .Input-wrapper { width: 100%; height: 48px; padding: 0; color: #8590a6; border: none; border-bottom: 1px solid #e7eaf1 }
.SignFlow .SignFlow-accountInput, .SignFlow .SignFlow-smsInput { width: auto; border-bottom: none }
.SignFlow-submitButton { width: 100%; margin-top: 32px }
.SignFlow-captchaContainer { height: 48px; margin-top: 12px; transition: height .3s ease }
.SignFlow-snackBar { font-size: 13px; color: #8590a6 }
.SignFlow-snackBarLink { color: #175199 }
.Login-options { margin-top: 16px }
.Login-switchType { color: #175199; float: left }
.Login-switchType:hover { box-shadow: 0 1px 0 0 #175199 }
.Login-cannotLogin { float: right }
.Login-cannotLogin:hover { color: #7a8599 }
.Login-footer { margin-top: 22px; text-align: center }
.Login-aboardPhone, .Login-qrcode { display: inline-block; color: #8590a6; vertical-align: middle }
.Login-aboardPhone button:hover, .Login-qrcode button:hover { color: #7a8599 }
.Login-footerSeparate { display: inline-block; width: 6%; color: #8590a6; text-align: center; box-sizing: border-box }
.Login-socialLogin { display: inline-block; vertical-align: middle }
.Login-socialButtonGroup { margin-left: 2px; transition: opacity .3s ease }
.Login-socialButtonGroup--hidden { display: inline-block; width: 0; height: 0; overflow: hidden; opacity: 0 }
.Login-socialButtonGroup--hidden button { width: 0; height: 0; overflow: hidden }
.Login-socialButtonEntrance { width: 103px; text-align: left }
.Login-socialButtonEntrance--hidden { width: 0; height: 0; overflow: hidden; opacity: 0 }
.Login-socialButtonEntrance:hover { color: #7a8599 }
.Login-socialButton { height: 24px }
.Login-socialButton svg { vertical-align: middle }
.Login-socialButton:not(:first-child) { margin-left: 22px }
.Login-accountBlockEmphasis { color: #f75659 }
.Login-socialIcon:hover { fill: #95a1ba }
.SignInQrcode { margin: 35px 0 -32px }
.Qrcode-container { text-align: center }
.Qrcode-container p { font-size: 14px; line-height: 22px }
.Qrcode-container p a { color: #175199 }
.Qrcode-container p.Qrcode-scanResultTips { margin: 12px 0; font-size: 16px; color: #000; font-weight: 700 }
.Login-qrcode, .Login-qrcodeSeparate { display: none }
.Qrcode-content { height: 210px; margin-bottom: 30px }
.Qrcode-failure div { padding: 40px 0 8px }
.Qrcode-failure p { width: 270px; margin: 0 auto }
.Qrcode-img { margin: 0 auto 15px; line-height: 0; height: 150px; width: 150px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex }
.Qrcode-cutButton { border-top: 1px solid #ebeef5; padding: 12px 0; font-size: 14px; color: #175199 }
.Qrcode-cutButton span { cursor: pointer }
.Qrcode-scanResultStaus { padding-top: 36px }
.SignFlowActive-account { width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #e7eaf1 }
.SignFlowActive-editEmail { float: right; color: #175199 }
.SignFlowActive-sendDigits, .SignFlowActive-sendEmail { display: block; width: 220px; margin: 0 auto }
.SignFlowActive-sendEmail { margin-top: 48px }
.SignFlowActive-sendDigits { margin-top: 55px }
.SignFlowActive-button { display: inline-block; border: none }
.SignFlowActive-options { text-align: right; margin-top: 16px }
.VerificationDialogModal-cutSmsType:hover { color: #7a8599 }
.SignFlowModal { width: 400px }
.SignFlowModal-registerFooter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 17px; color: #9aaabf; text-align: center }
.SignFlowModal-registerFooter .Button--plain:hover { color: #7a8599 }
.SignFlowModal-switchButton { color: #175199 }
.SignFlowModal-switchButton:hover { box-shadow: 0 1px 0 0 #175199 }
.CornerButtons { position: fixed; bottom: 0; right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; will-change: transfrom }
.CornerAnimayedFlex { width: 40px; height: 52px; overflow: hidden; transition: height .2s ease }
.CornerAnimayedFlex--hidden { height: 0 }
.CornerButton { background: #e7eaf1; border-radius: 4px; width: 40px; height: 40px }
.CornerButton:hover { background: #d5dbe7 }
.CornerButton .Icon { fill: #9aaabf }
.CornerButton .Icon:hover { fill: #8d9eb3 }
html:not([data-focus-method=pointer]) .Button:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(38,148,237,.3) }
.Tooltip { position: absolute; width: 0; height: 0 }
.Tooltip-enter, .Tooltip-leave { transition: opacity .3s }
.Tooltip-enter { opacity: 0 }
.Tooltip-enter-active, .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: 8px 20px; color: #fff; white-space: nowrap; background-color: rgba(0,0,0,.8); border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.TooltipContent--top { -webkit-transform: translate(-50%, -100%) translateY(-8px); transform: translate(-50%, -100%) translateY(-8px) }
.TooltipContent--bottom { -webkit-transform: translate(-50%) translateY(8px); transform: translate(-50%) translateY(8px) }
.TooltipContent--left { -webkit-transform: translate(-100%, -50%) translateX(-8px); transform: translate(-100%, -50%) translateX(-8px) }
.TooltipContent--right { -webkit-transform: translateY(-50%) translateX(8px); transform: translateY(-50%) translateX(8px) }
.TooltipContent:before { position: absolute; z-index: -1; border-color: rgba(0,0,0,.8) transparent transparent rgba(0,0,0,.8); border-style: solid; border-width: 6px; content: ""; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) }
.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 }
.GlobalTooltip { position: fixed; z-index: 9999 }
.MobileModal-subtitle { font-size: 14px; padding: 0 20px; color: #8590a6 }
.VerificationDialogModalHeader { text-align: center }
.VerificationDialogModalHeader-title { margin-top: 40px; font-size: 24px; color: #1e1e1e; margin-bottom: 0; padding: 0 }
.VerificationDialogModalHeader-subTitle { margin: 2px auto 24px; font-size: 14px; color: #8590a6; max-width: 240px }
.VerificationDialogModalHeader-subTitle:first-child:last-child { margin-bottom: 16px; max-width: none; text-align: left }
.VerificationDialogModal-select { height: 48px; background: #fff; border: none; border-bottom: 1px solid #ebeef5; width: 100%; color: #404040 }
.VerificationDialogModal-select .Select-plainButton { width: 100% }
.VerificationDialogModal-select .Select-arrow { position: absolute; right: 0; top: 27% }
.VerificationDialogModal-code { position: relative }
.VerificationDialogModal-code .CountingDownButton { top: 16px!important }
.VerificationDialogModal-input { padding-left: 0; margin-top: 16px; width: 100%; border: none!important; border-bottom: 1px solid #ebeef5!important }
.VerificationDialogModal-checkout { text-align: center }
.VerificationDialogModal-button { color: #fff; background: #0f88eb; width: 220px; height: 36px; border: 1px solid #0f88eb; margin-top: 45px; font-size: 14px; border-radius: 3px }
.VerificationDialogModal-button:hover { background: #0f88eb }
.VerificationDialogModal-button:hover:disabled { background-color: #0f88eb }
.VerificationDialogModal-tips { background: #f8f9fa; box-shadow: 0 -1px 0 0 #ebeef5; margin: 30px -24px -32px; padding: 16px; font-size: 13px; line-height: 21px; color: #7a8596 }
.VerificationDialogModal-blue { color: #3e7ac2 }
.Popover-targetContainer-verification { width: 376px }
.VerificationDialogModal-options { margin-top: 16px; text-align: right }
.VerificationDialogModal-cutSmsType:hover { color: #7a8599 }
.VerificationDialogModal-HelpWrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 12px }
.VerificationDialogModal-HelpText { color: #9aaabf }
.VerificationDialogMobileModal-HelpText { font-size: 13px; color: #8590a6; margin-top: 16px }
.VerificationDialogModal-oneSelection { font-size: 14px }
.StaticCacheBanner { position: relative; z-index: 100; padding: 16px 10px; line-height: 28px; color: #8590a6; text-align: center; background-color: #e7eaf1 }
.StaticCacheBanner a { color: #175199; transition: border-bottom .2s ease-in }
.StaticCacheBanner a:hover { border-bottom: 1px solid rgba(23,81,153,.72) }
.PlaceHolder-inner { position: relative; overflow: hidden; background: #f6f7f9 }
.PlaceHolder-mask { position: relative; min-width: 100%; vertical-align: top; box-sizing: border-box }
.PlaceHolder-bg { position: absolute; width: 200%; height: 100%; background: linear-gradient(90deg, #f6f7f9 0, #e9ebee 20%, #f6f7f9 40%, #f6f7f9); -webkit-animation: linear-double 1s linear 1ms infinite forwards; animation: linear-double 1s linear 1ms infinite forwards }
 @-webkit-keyframes linear-double {
 0% {
 -webkit-transform: translateX(-56%);
 transform: translateX(-56%)
}
 to {
 -webkit-transform: translateX(56%);
 transform: translateX(56%)
}
}
 @keyframes linear-double {
 0% {
 -webkit-transform: translateX(-56%);
 transform: translateX(-56%)
}
 to {
 -webkit-transform: translateX(56%);
 transform: translateX(56%)
}
}
.InfiLoader--bounceShown { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.Pagination { padding: 16px 20px; text-align: center; margin: 0 auto }
.PaginationButton { color: #262626; transition: color .2s; padding: 0 15px }
.PaginationButton:not(:disabled):hover { color: #175199 }
.PaginationButton--current { color: #8590a6 }
.MaxLength { font-size: 14px; color: #8590a6 }
.MaxLength.is-error { color: #f75659 }
.Holder { height: 14px; margin-bottom: 16px; background: #f7f8fa; border-radius: 2px }
.Holder:last-child { margin-bottom: 0 }
.Holder--avatar, .Holder--button, .Holder--icon, .Holder--inline { display: inline-block; margin-bottom: 0; vertical-align: bottom }
.Holder--title { height: 18px }
.Holder--icon { width: 14px; margin-right: 8px; border-radius: 999px }
.Holder--button { width: 96px; height: 34px; border-radius: 3px }
.Holder--button+.Holder--button { margin-left: 16px }
.Holder--avatar { width: 24px; height: 24px }
.Favlists-items { max-height: 335px; min-height: 140px; margin-bottom: 40px; overflow-x: hidden; overflow-y: auto }
.Favlists-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 0; border-bottom: 1px solid #e7eaf1 }
.Favlists-itemInner { overflow: hidden; margin-right: 20px }
.Favlists-itemName { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; text-overflow: ellipsis }
.Favlists-itemNameText { overflow: hidden; font-weight: 400; text-overflow: ellipsis; white-space: nowrap }
.Favlists-itemIcon { margin-left: 6px }
.Favlists-itemIcon .Icon { vertical-align: baseline }
.Favlists-itemContent { font-size: 14px; color: #8590a6; margin-top: 4px }
.Favlists-updateButton { width: 76px }
.Favlists-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 20px; box-sizing: border-box }
.Favlists-addButton { width: 220px }
.Favlists-addItem { margin-bottom: 8px }
.Favlists-descritionInput, .Favlists-titleInput { width: 100%; height: auto; padding: 8px 12px }
.Favlists-privacyOption { display: block; margin-bottom: 6px; overflow: auto; font-size: 14px }
.Favlists-privacyOptionTips { margin-left: 4px; color: #8590a6 }
.Favlists-privacyOptionRadio { display: inline-block; width: 14px; height: 14px; padding: 2px; margin: 0 4px 0 0; vertical-align: middle; border: 2px solid #e7eaf1; border-radius: 50%; transition: background-color, border-color .3s; background-clip: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.Favlists-privacyOptionRadio:checked { background-color: #0f88eb; border-color: #0f88eb }
.Favlists-privacyOptionRadio:focus { outline: none }
.Favlists-inputTips { padding-top: 8px; text-align: right }
.Favlists-favButton { width: 72px }
.EmptyState { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100% }
.EmptyState-inner { font-size: 15px; color: #8590a6; text-align: center }
.EmptyState-image { display: block; margin-right: auto; margin-bottom: 24px; margin-left: auto }
.EmptyState-action:not(.Button) { color: #175199 }
.EmptyState-action:not(.Button):hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.EmptyState-action.Button:hover { color: #7a8599 }
.EmptyState-action.Button:hover .Icon { fill: #95a1ba }
.CommentEditor .RichText { min-height: auto!important }
.CommentEditor--normal { position: relative; transition: padding-right .3s ease }
.CommentEditor--normal .CommentEditor-input { overflow: hidden; width: 100% }
.CommentEditor--normal .Editable-unstyled { margin: 0!important }
.CommentEditor--normal .Dropzone { min-height: auto!important }
.CommentEditor--normal.CommentEditor--active { padding-right: 94px }
.CommentEditor--normal.CommentEditor--active .CommentEditor-singleButton { -webkit-transform: scale(1); transform: scale(1) }
.CommentEditor--inCommentItem .CommentEditor-actions { margin-top: 16px; text-align: right }
.CommentEditor--inCommentItem .CommentEditor-actions .Button { line-height: 34px }
.CommentEditor--inCommentItem .CommentEditor-actions .Button+.Button { margin-left: 20px }
.CommentEditor-singleButton { position: absolute; right: 16px; bottom: 12px; line-height: 34px!important; -webkit-transform: scale(0); transform: scale(0); transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease }
.CommentEditor-singleButton:disabled { cursor: not-allowed }
.CommentEditor-input .Editable { background: #f7f8fa }
.CommentEditor-input .Editable--focus { background: #fff }
.CommentEditor-input .DraftEditor-root { padding: 5px 12px!important }
.CommentEditor-startCommentButton { width: 100% }
.CommentEditor-input--mobile { min-height: 208px }
.CommentEditor-input--mobile, .CommentEditor-input--mobile.is-focus { border: none }
.CommentEditor-input--mobile .Editable { background: #fff }
.CommentEditor-modalButtons { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 20px; border-top: 1px solid #e7eaf1; border-bottom: 1px solid #e7eaf1 }
.CommentEditor-modalButtons .Button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.CommentEditor-modalButtons .Button+.Button { margin-left: 16px }
.ReportMenu-inner { min-height: 192px; margin-bottom: 30px; font-size: 14px; line-height: 1.75 }
.ReportMenu-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 0; text-align: left; cursor: pointer; border-bottom: 1px solid #f0f2f7; outline: none }
.ReportMenu-itemValue { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ReportMenu-itemCheck { position: absolute; width: 0; height: 0; opacity: 0 }
.ReportMenu-itemCheck:checked+.ReportMenu-itemCheckIcon { opacity: 1 }
.ReportMenu-itemCheckIcon { fill: #0f88eb; opacity: 0; transition: opacity .2s }
.ReportMenu-paragraph { white-space: pre-wrap; list-style: none }
.ReportMenu-paragraph--light { margin-top: 1em; color: #8590a6 }
.ReportMenu-check { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ReportMenu-textarea { width: 100% }
.ReportMenu-link { color: #175199 }
.ReportMenu-link--light, .ReportMenu-link:hover { text-decoration: underline }
.VagueImage { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; background: #f7f8fa }
.VagueImage-canvas { position: absolute; top: 50%; left: 50%; z-index: 1; opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition: opacity .3s ease-in }
.VagueImage-canvas.is-active { opacity: 0 }
.VagueImage-innerLarge { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) }
.NumberBoard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center }
.NumberBoard-item { float: left; width: 108px; }
.NumberBoard-name { font-size: 14px; line-height: 20px; color: #8590a6 }
.NumberBoard-value { margin-top: 4px; font-size: 18px; font-weight: 500; line-height: 24px; color: #262626 }
.NumberBoard-item.Button:hover .NumberBoard-name, .NumberBoard-item.Button:hover .NumberBoard-value { color: #175199 }
.NumberBoard-divider { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; border-right: 1px solid #f0f2f7; float: left; height: 37px; }
.HoverCard { padding: 0 12px 16px; font-size: 14px; opacity: 1; transition: opacity .3s ease; box-shadow: 0 5px 20px rgba(0,34,77,.1) }
.HoverCard--isLoading { opacity: 0 }
.HoverCard, .HoverCard-loading { box-shadow: 0 5px 20px rgba(0,34,77,.1); background: #fff; border-radius: 2px }
.HoverCard-container { width: 360px; max-height: 600px }
.HoverCard-loading { position: absolute; width: 120px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto }
.HoverCard-loading--reversed { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.HoverCard-container--large { width: 400px }
.HoverCard-titleContainer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 0; border-bottom: 1px solid #f0f2f7; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.HoverCard-avatar { position: absolute; top: -20px; border: 2px solid #fff }
.HoverCard-titleText { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 42px; padding-bottom: 2px; margin-left: 84px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.HoverCard-coverContainer { height: 100px; margin: 0 -12px; overflow: hidden; border-radius: 2px 2px 0 0 }
.HoverCard-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.HoverCard-subtitle, .HoverCard-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.HoverCard-title { font-size: 16px; font-weight: 500 }
.HoverCard-subtitle { margin-top: 4px; font-weight: 400 }
.HoverCard-numberBoard { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.HoverCard-buttons { margin-top: 16px }
.HoverCard-buttons .Button { width: 144px }
.HoverCard-numberGroup { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.HoverCard-boardKey { line-height: 1.7; color: #8590a6 }
.HoverCard-boardNumber { margin-top: 4px; font-size: 18px; font-weight: 500; line-height: 1.4; color: #262626 }
.HoverCard-item { padding: 8px 0; line-height: 1.75; border-bottom: 1px solid #f0f2f7 }
.HoverCard-item:last-child { padding: 8px 16px; text-align: center; border: 0 }
.HoverCard-item .Icon { margin-right: 8px }
.HoverCard-description { display: block; display: -webkit-box; max-height: 73.5px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.HoverCard-attrInfo { margin-left: 10px; color: #8590a6; white-space: nowrap }
.HoverCard-attrInfo .Icon { margin-right: 8px }
.HoverCard-separate { color: #f7eaf1 }
.HoverCard-popoverTarget { border-width: 0; background: transparent; box-shadow: none }
.HoverCard-titleContainer--noAvatar { margin-top: 20px }
.FollowButton { width: 96px }
.FollowButton-icon { margin-right: 8px; fill: currentColor }
.ModifyButton { font-size: 15px }
.ModifyButton-icon { margin-right: 4px; fill: currentColor }
.Messages-menu { width: 360px; padding: 0; overflow: hidden }
.Messages-newItem { background: #f4f8fb }
.Messages-header { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebeef5 }
.Messages-tab { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 48px; font-size: 14px; color: #8590a6; cursor: pointer }
.Messages-currentTab { color: #262626 }
.Messages-myMessageTab { width: 360px; color: #262626 }
.Messages-tab:not(:last-child):after { position: absolute; left: 180px; width: 1px; height: 20px; margin: auto; background: #ebeef5; content: "" }
.Messages-list { height: 350px; overflow-x: hidden; overflow-y: auto }
.Messages-withNoTabList { height: 408px }
.Messages-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; font-size: 14px; line-height: 24px; color: #262626 }
.Messages-item:hover { background-color: #f7f8fa }
.Messages-item .Avatar { display: block }
.Messages-user { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px; overflow: hidden }
.Messages-userName { font-size: 15px }
.Messages-itemContent { height: 20px; overflow: hidden; line-height: 20px; color: #8590a6; text-overflow: ellipsis; white-space: nowrap }
.Messages-newDialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 274px }
.Messages-footer { height: 40px; padding: 0 16px; line-height: 40px; background: #fff; border-top: 1px solid #ebeef5; box-sizing: border-box }
.Messages-footer, .Messages-receiver { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.Messages-receiver { height: 36px; margin-top: 8px; line-height: 36px }
.Messages-receiverInfo { display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; line-height: 36px }
.Messages-receiverAutoComplete { position: relative; margin-top: 8px }
.Messages-records { color: #1d6eb5 }
.Messages-sendContent { width: 352px; margin: 12px auto 0 }
.Messages-sendContent textarea { overflow-y: auto }
.Messages-modifyButton { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: #8590a6 }
.Messages-warning { height: 23px; margin: 4px auto 0; font-size: 14px; color: #f75659; opacity: 0; transition: opacity .2s }
.Messages-warning.is-shown { opacity: 1 }
.Messages-input { width: 352px }
.Messages-icon { cursor: pointer }
.Messages-icon:hover .Icon { fill: #95a1ba }
.Messages-count { position: absolute; bottom: 50%; left: 50%; padding: 0 4px; font-size: 11px; color: #fff; background-color: #f75659; border: 2px solid #fff; border-radius: 20px }
.Messages-menu { z-index: 205 }
.Messages-searchIcon { position: absolute; top: 50%; right: 10px; width: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.MemberButtonGroup .Button+.Button { margin-left: 16px }
.MemberButtonGroup-prohibitIcon { fill: currentColor; margin-right: 4px }
.FollowStatus { display: inline-block; padding: 1px 6px; margin-left: 8px; font-size: 12px; color: #8590a6; vertical-align: 1px; background-color: #f7f8fa; border-radius: 3px }
.UserHoverCard-infoItem:not(:last-child) { margin-bottom: 8px }
.UserHoverCard-infoDivider { display: inline-block; width: 1px; height: 10px; margin: 0 8px; background: #e7eaf1 }
.UserHoverCard-mutuals { color: #8590a6 }
.UserHoverCard-orgBadge { margin-left: 6px; vertical-align: 2px }
.UserLink-badge { margin-left: .3em }
.GifPlayer { position: relative; display: inline-block; overflow: hidden; line-height: 0; cursor: pointer }
.GifPlayer:after { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; content: ""; width: 60px; height: 60px; pointer-events: none; -webkit-transform: scale(1); transform: scale(1); background: url(../zhidao_files/cc9e401825ee430b99a16b2577fe2f87.gif) no-repeat }
.GifPlayer.is-playing:after { transition-duration: .3s; transition-timing-function: ease-out; -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 }
.GifPlayer.is-loading:after { background: url(../zhidao_files/37005f58e56b43569126478cb71cbb2a.gif) no-repeat }
.GifPlayer.is-refreshed:after { background: url(../zhidao_files/e8f23263e06e49e7988b879e9b03256d.gif) no-repeat }
.RichText-video { margin: 16px 0 }
.RichText-gifPlaceholder { display: inline-block; overflow: hidden; line-height: 0 }
.CommentItem { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 12px 16px 10px; font-size: 15px }
.CommentItem:not(:first-child):after { position: absolute; top: 0; left: 0; right: 0; display: block; margin: 0 20px; border-bottom: 1px solid #f0f2f7; content: "" }
.CommentItem-deletedContent { padding: 16px 0; font-size: 14px; color: #8590a6; text-align: center }
.CommentItem-meta { position: relative; height: 27px; padding-right: 3px; padding-left: 1px; margin-bottom: 5px; line-height: 24px }
.CommentItem-avatar { margin-right: 8px }
.CommentItem-avatar .UserLink-avatar { vertical-align: top }
.CommentItem-reply, .CommentItem-roleInfo { color: #8590a6 }
.CommentItem-reviewing { margin-left: 8px }
.CommentItem-reply { margin-right: 8px; margin-left: 8px }
.CommentItem-roleInfo { margin-right: -8px }
.CommentItem-time { float: right; font-size: 14px; color: #8590a6 }
.CommentItem-content { margin-bottom: 6px; line-height: 25px }
.CommentItem-content p { margin: 0 }
.CommentItem-editor { margin-bottom: 8px }
.CommentItem-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; font-size: 14px; line-height: 24px }
.CommentItem-footer .Button+.Button { margin-left: 20px }
.CommentItem-footer .Button--plain:hover { color: #7a8599 }
.CommentItem-footer .Button--plain:hover .Icon { fill: #95a1ba }
.CommentItem-mobileFooter .Button+.Button { margin-left: 0 }
.CommentItem-hoverBtn { opacity: 0; transition: opacity .2s }
.CommentItem-likeBtn:disabled, .CommentItem:hover .CommentItem-hoverBtn { opacity: 1 }
.CommentItem-likeBtn.is-liked { color: #0f88eb }
.CommentItem-likeBtn.is-liked:hover { color: #0b6ab8 }
.CommentItem-likeBtn.is-liked .Icon, .CommentItem-likeBtn.is-liked:hover .Icon { fill: currentColor }
.CommentItem--highlighted { -webkit-animation: highlight 1.6s ease-out; animation: highlight 1.6s ease-out }
 @-webkit-keyframes highlight {
 0% {
 background: #e1e6f0
}
 to {
 background: initial
}
}
 @keyframes highlight {
 0% {
 background: #e1e6f0
}
 to {
 background: initial
}
}
.IsolationDot { margin: 0 3px }
.CommentItem-replyArrow { color: #9fadc7; -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 20px!important; margin: 0 8px }
.CommentItem-userLink { max-width: 80px; font-weight: 700; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top }

@media (min-width:360px) {
.CommentItem-userLink { max-width: 100px }
}
.CommentItem-menu-item { padding-top: 13px; padding-bottom: 13px }
.Tabs { border-bottom: 1px solid #f0f2f7 }
.Tabs-item { display: inline-block; padding: 0 20px }
.Tabs-link { position: relative; display: inline-block; padding: 14px 0; font-size: 16px; line-height: 22px; color: #2e2e2e; text-align: center }
.Tabs-link.is-active { font-weight: 500; color: #333 }
.Tabs-link.is-active:after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: #0f88eb; content: "" }
.Tabs-meta { margin-left: 6px; font-size: 14px; font-weight: 300; line-height: 20px; color: #a1aebf }
.Topbar { background: #fff; border-bottom: 1px solid #f0f2f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 20px }
.Topbar-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.CommentTopbar { border-radius: 2px }
.CommentTopbar-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 16px }
.CommentTopbar-back { font-size: 16px; font-weight: inherit; color: #262626 }
.CommentTopbar-back:hover { color: #3e7ac2 }
.CommentTopbar-backIcon { vertical-align: -2px; fill: currentColor }
.CommentTopbar-title { display: inline-block; font-size: 15px; font-weight: 700; color: #1e1e1e }
.CommentTopbar-tabsWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.CommentTopbar-tabs { padding: 0; border-bottom: none }
.CommentTopbar-tab { display: inline-block; padding: 0 20px }
.CommentTopbar-tab:first-child { padding-left: 0 }
.CommentTopbar-tabButton { position: relative; height: 56px; border: none }
.CommentTopbar-tabButton:hover { background: none }
.CommentTopbar-switch { border-bottom: 1px solid #fff }
.CommentTopbar-switch:hover { border-bottom: 1px solid #175199!important }
.Comments, .Comments-container { height: 100% }
.Comments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; box-sizing: border-box }
.Comments--hidden { display: none }
.Comments-titleLink a { color: #175199 }
.Comments-titleLink a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.Comments-notification { width: 500px; top: 25px; margin-top: 50px }
.Comments-notification--mobile { position: fixed;  width: calc(100vw - 2 * 20px);
top: 0; z-index: 98 }
.Comments-notification--bottom { top: 0 }
.CommentList { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-x: hidden; overflow-y: scroll }
.CommentList-divider { position: relative; margin: 0 24px; font-size: 14px; color: #8590a6; text-align: center }
.CommentList-divider:first-child { padding: 16px 0 }
.CommentList-divider+.CommentItem:after { content: none }
.CommentList-divider a { color: #175199 }
.CommentList-divider a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.CommentList-dividerLine { position: absolute; top: 0; bottom: 0; width: 100%; height: 0; margin: auto; border-top: 1px solid #ebeef5 }
.CommentList-dividerText { position: relative; z-index: 2; display: inline-block; padding: 0 1em; background-color: #fff }
.CommentList-dividerText .CommentList-questionMark { margin-left: 8px }
.Comments-footer { padding: 12px 16px; background: #fff; border-top: 1px solid #ebeef5 }
.Comments-disabledText { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 12px; color: #8590a6; background-color: #f7f8fa; border-top: 1px solid #f0f2f7; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.Comments-disabledText--fixed { position: fixed; width: 100%; bottom: 0; background: #fff }
.Comments-disabledText--fixed .Comments-disabledReason { padding-top: 8px; padding-bottom: 8px; background: #f7f8fa; width: 100%; text-align: center; border-radius: 3px }
.CommentList-action { position: relative; padding: 16px 0; text-align: center }
.CommentList-action:after { position: absolute; top: 0; display: block; width: calc(100% - 48px); border-bottom: 1px solid #f0f2f7; content: "" }
.CommentList-action a { color: #175199 }
.CommentList-action a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.Comments-withPagination { border: 1px solid #e7eaf2; box-shadow: 0 1px 3px 0 rgba(0,33,77,.05); background: #fff; margin-top: 12px; overflow: visible; border-radius: 4px }
.Comments-withPagination .CommentList { overflow-y: visible }
.comments-pagination { border-top: 1px solid #e7eaf1 }
.Comments-Packup-Button { background: rgba(231,234,241,.95); border-radius: 3px; position: fixed; height: 30px; width: 93px; bottom: 30px; left: 570px; font-size: 13px; color: #8590a6; letter-spacing: 0; margin-left: -93px }
.Comments-Packup-Button:hover { color: #7a8599 }
.Comments-Packup-Button .Icon { margin-left: 6px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg) }
.Comments-Packup-Button-enter, .Comments-Packup-Button-leave { transition: opacity .3s }
.Comments-Packup-Button-enter { opacity: 0 }
.Comments-Packup-Button-enter-active, .Comments-Packup-Button-leave { opacity: 1 }
.Comments-Packup-Button-leave-active { opacity: 0 }
.Comments-pattern-loading { height: 96px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.Comments-empty { padding: 60px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; overflow: auto }
.PushNotifications-menu { width: 360px; padding: 0; overflow: hidden }
.PushNotifications-header { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebeef5 }
.PushNotifications-icon { cursor: pointer }
.PushNotifications-icon:hover .Icon { fill: #95a1ba }
.PushNotifications-tab { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 48px; cursor: pointer }
.PushNotifications-tabIcon { fill: #c2cfde }
.PushNotifications-selectedTabIcon { fill: #0f88eb }
.PushNotifications-tab:not(:last-child):after { position: absolute; left: 120px; width: 1px; height: 20px; margin: auto; background: #ebeef5; content: "" }
.PushNotifications-list { height: 350px; overflow-x: hidden; overflow-y: auto }
.PushNotifications-item { position: relative; padding: 15px; font-size: 14px; line-height: 24px; color: #262626 }
.PushNotifications-item a { color: #3e7ac2 }
.PushNotifications-item:after { position: absolute; right: 0; bottom: 100%; left: 0; height: 1px; padding: 0 16px; background-color: #ebeef5; content: ""; background-clip: content-box }
.PushNotifications-newItem { background: #f4f8fb }
.PushNotifications-followTitle { position: relative; height: 54px; font-size: 14px; line-height: 54px; color: #9aaabf; text-align: center }
.PushNotifications-followTitle:after { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #ebeef5; content: "" }
.PushNotifications-followItem { display: block }
.PushNotifications-followItem:hover { background-color: #f7f8fa }
.PushNotifications-followItem .AuthorInfo-name { font-family: inherit }
.PushNotifications-followItem .AuthorInfo-badge { color: #8590a6 }
.PushNotifications-followItem:after { content: none }
.PushNotifications-followItem a { color: #262626 }
.Notifications-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 40px; padding: 0 16px; line-height: 40px; background: #fff; border-top: 1px solid #ebeef5; box-sizing: border-box }
.PushNotifications-user { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px; overflow: hidden }
.PushNotifications-userName { font-size: 15px }
.PushNotifications-redbot { position: absolute; top: 50%; width: 4px; height: 4px; margin-left: 8px; background-color: #f75659; border-radius: 50%; -webkit-transform: translateY(-2px); transform: translateY(-2px) }
.PushNotifications-count { position: absolute; bottom: 50%; left: 50%; padding: 0 4px; font-size: 11px; color: #fff; background-color: #f75659; border: 2px solid #fff; border-radius: 20px }
.AuthorInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.AuthorInfo-avatar { vertical-align: top }
.AuthorInfo-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 14px; overflow: hidden }
.AuthorInfo-head { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 1.1; -ms-flex-negative: 0; flex-shrink: 0 }
.AuthorInfo-name { font-weight: 600 }
.AuthorInfo-badge { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 6px; overflow: hidden; font-size: 14px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap }
.AuthorInfo--plain .AuthorInfo-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 10px }
.AuthorInfo--plain .AuthorInfo-badge { margin-top: 0 }
.AuthorInfo--plain .AuthorInfo-badge:before { content: "\FF0C" }
.AuthorInfo-detail { overflow: hidden }
.Tag { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 10px; line-height: 30px; color: #3e7ac2; vertical-align: top; background: #eef4fa; border-radius: 100px }
.Tag--removable { padding-right: 28px }
.Tag-remove { position: absolute; top: 0; right: 12px; bottom: 0; margin-top: auto; margin-bottom: auto; cursor: pointer }
.Tag-remove .Icon { display: block; fill: #96b7dd }
.Tag-remove:hover .Icon { fill: #3e7ac2 }
.Tag-content:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.TagInput .Input-wrapper { display: block }
.TagInput .Input { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 30px; margin-top: 2px; margin-bottom: 2px; margin-left: 8px }
.TagInput.TagInput--empty .Input { width: 100%; margin-left: 0 }
.TagInput .Tag { margin-top: 2px; margin-right: 4px; margin-bottom: 2px }
.TagInput .Popover { display: block }
.QuestionAsk-title { font-size: 15px }
.QuestionAsk-section { margin-bottom: 12px }
.QuestionAsk-section.QuestionAsk-DetailSection { margin-top: 24px }
.QuestionAsk-section .TagInput { line-height: 0 }
.QuestionAsk-sectionHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 13px; margin-bottom: 8px; color: #8590a6 }
.QuestionAsk-label { color: #404040 }
.QuestionAsk-sectionHeaderRight { margin-left: auto }
.QuestionAsk-sectionHeaderRight .Editable-control:last-child { margin-right: 13px }
.QuestionAsk-warning { color: #fd9727 }
.QuestionAsk-error, .QuestionAsk-Modal .Modal-footer { color: #f75659 }
.QuestionAsk-questionItems { line-height: 26px; border: 1px solid #e7e7e7; border-radius: 3px; box-sizing: border-box }
.QuestionAsk-questionItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px }
.QuestionAsk-questionItem:hover { color: #3e7ac2 }
.QuestionAsk-questionItem:hover .QuestionAsk-questionAnswerCount { color: inherit }
.QuestionAsk-questionTitle { margin-right: 14px }
.QuestionAsk-questionAnswerCount { margin-left: auto; color: #8590a6; white-space: nowrap }
.QuestionAsk-anonymous { color: #8590a6; cursor: pointer }
.QuestionAsk-anonymousCheckbox { margin-right: 8px; vertical-align: text-top }
.QuestionEdit-reasonSelect { margin-right: 8px }
.QuestionEdit-why { color: #175199 }
.QuestionEdit-why:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.QuestionAsk-orgQuestionIcon { margin-left: 8px }
.QuestionAsk-brandSelector { width: 100% }
.QuestionAsk-brandSelector .Select-button { position: relative; padding: 0 12px; width: 100% }
.QuestionAsk-brandSelector .Select-arrow { position: absolute; top: 12px; right: 12px }
.QuestionAsk-brandSelector .Icon { margin-left: 5px }
.QuestionAsk-brandSelector--no-arrow .Select-arrow { display: none }
.QuestionAsk-brandOption { padding: 0 12px; width: 488px }
.QuestionAsk-brandOption .Icon { margin-left: 5px }
.QuestionAsk-buttonGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 28px }
.QuestionAsk-buttonGroup .Button { width: 232px }
.QuestionAsk-buttonGroup .Button+.Button { margin-left: 24px }
.QuestionAsk-noBrandModal { text-align: center }
.QuestionAsk-link { color: #4d87ce }
.QuestionCategorySelect { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column }
.QuestionCategory, .QuestionCategorySelect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal }
.QuestionCategory { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 15px; padding-top: 26px }
.QuestionCategory:hover { cursor: pointer }
.QuestionCategory+.QuestionCategory { border-top: 1px solid #ebeef5 }
.QuestionCategory-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 320px }
.QuestionCategory-title { font-size: 17px; color: #1e1e1e }
.QuestionCategory-desc { margin-top: 10px; font-size: 14px; color: #8590a6 }
.QuestionCategory-link { color: #259 }
.QuestionCategory-arrow { margin-left: 22px; color: #afbdcf; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.QuestionCategory-buttonGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 48px }
.QuestionCategory-buttonGroup .Button { width: 168px }
.QuestionAsk-error { color: red }
.SearchBar { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; }
.SearchBar-toolWrapper { position: relative; z-index: 104; width: 326px }
.SearchBar-tool { position: relative; float: left; overflow: hidden }
.SearchBar-tool .Popover { display: block }
.SearchBar-menu { width: 500px; padding-top: 16px; padding-bottom: 0; overflow-x: hidden }
.SearchBar-menu .AutoComplete-group:last-child .Menu-item { height: 40px; padding: 0; margin-top: 8px; line-height: 40px; color: #8590a6 }
.SearchBar-menu .AutoComplete-group:last-child .Menu-item:not(.is-active) { background: #f7f8fa }
.SearchBar-contentResult, .SearchBar-peopleResult, .SearchBar-topicResult { display: block; padding: 10px 0; font-size: 14px; box-sizing: border-box }
.SearchBar-label { padding: 7px 0; margin-right: 16px; margin-left: 16px; font-size: 14px; color: #8590a6; border-bottom: 1px solid #ebeef5 }
.SearchBar-peopleResult { padding: 13px 0 }
.SearchBar-peopleResult .AuthorInfo { padding-top: 0 }
.SearchBar-peopleResult .AuthorInfo-name { font-weight: 400 }
.SearchBar-peopleResult .AuthorInfo-badge { font-size: 13px; color: #8590a6 }
.SearchBar-userAvatar { border-radius: 3px }
.SearchBar-user { display: inline-block; margin-left: 16px }
.SearchBar-userHeadline { margin-top: 2px; font-size: 13px; color: #8590a6 }
.SearchBar-contentSuffix, .SearchBar-topicSuffix { margin-left: 8px; font-size: 13px; color: #8590a6; white-space: nowrap }
.SearchBar-searchLink { display: block; font-size: 14px; color: #8590a6; text-align: center }
.SearchBar-askButton { z-index: 103; padding: 0 14px; margin-left: 16px; transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; line-height: 30px }
.SearchBar-hiddenAskButton { opacity: 0; }
.SearchBar-focusedInput { width: 400px }
.SearchBar-searchIcon { position: absolute; right: -11px; top: -17px; bottom: -17px; background: transparent url(../zhidao_files/iconsearch.jpg) no-repeat left center; border: transparent; padding: 0 12px; border-bottom-left-radius: 0; border-top-left-radius: 0; transition: fill .3s ease }
.SearchBar-focusedInput .btnsearch { background: transparent url(../zhidao_files/iconsearchhover.jpg) no-repeat left center; }
.SearchBar-iconDecorator { position: absolute; top: 0; right: -40px; width: 40px; height: 36px; border-radius: 0 3px 3px 0; transition: all .3s ease; transition-delay: .1s; z-index: 101; background: #0f88eb; opacity: 0 }
.SearchBar-shownIconDecorator { opacity: 1; -webkit-transform: translateX(-40px); transform: translateX(-40px); transition-delay: 0 }
.AppHeaderProfileMenu-item { height: 36px; line-height: 36px; color: #262626 }
.AppHeader-profileAvatar { vertical-align: top }
.AppHeader { position: relative; width: 100%; overflow: hidden; background: #fff; border-bottom: 1px solid #dfe2e6; z-index: 10; }
.SearchBar-input { width: 326px; display: block; }
.AppHeader-inner { position: relative; height: 34px; padding: 11px 16px 9px; margin: 0 auto; align-items: center; }
.AppHeader-nav { float: left; height: 34px; margin-right: 18px; margin-left: 27px; color: #999 }
.AppHeader-navItem { padding: 0 15px; font-size: 15px; line-height: 34px; color: #8590a6 }
.AppHeader-navItem:hover { color: #175199 }
.AppHeader-navItem.is-active { color: #333 }
.AppHeader-navItem:first-child { padding-left: 0 }
.AppHeader-input { width: 345px }
.AppHeader-userInfo { float: right; align-items: center }
.AppHeader-messages, .AppHeader-notifications { margin-right: 40px }
.AppHeader-notification { margin-top: 50px }
.AppHeader-notificationUnblock { padding: 10px 25px; width: 680px; height: 74px; line-height: 28px }
.AppHeader-login { margin-right: 16px }
.AppHeader-downloadPopover { padding: 16px }
.AppHeader-downloadPopoverImage { width: 120px }
.AdblockBanner { position: relative; z-index: 100; min-width: 1000px; padding: 16px; line-height: 28px; color: #8590a6; text-align: center; background-color: #e7eaf1 }
.AdblockBanner-inner { width: 1000px; padding: 0 24px; margin: 0 auto; box-sizing: border-box }
.AdblockBanner-inner a:hover { border-bottom: 1px solid #8590a6 }
.AdblockBanner-close { position: absolute; top: 16px; right: 16px }
.AdblockBanner-close .Icon { display: block }
.AppAuthentication--appView .Modal-title { font-size: 18px; margin-top: 24px }
.AppAuthentication--appView .Modal-content { padding-bottom: 16px }
.AppAuthentication { max-width: 87.2% }
.AppAuthentication-buttonContainer { padding: 0 16px }
.AppAuthentication-button { width: 100%; margin-bottom: 16px; padding: 5px 0 }
.AppAuthentication-closeButton { position: absolute; right: 16px; top: 16px; font-size: 0 }
.SignFlow-smsBindPhoneInputContainer { position: relative; margin-top: 12px }
.SignFlow-smsBindPhoneInputButton { position: absolute; top: 24px; right: 0; padding: 4px 0; color: #175199; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.SignFlow-smsBindPhoneInputErrorMessage { top: 24px; right: 108px; width: 40%; height: 47px; padding: 0; padding-left: 4px; margin: 0; line-height: 47px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.SignFlow-smsBindPhoneInputErrorMask { right: 100px }
.BindPhone-buttonSection { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px }
.BindPhone-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.BindPhone-button:first-child { margin-right: 10px }
.BindPhone-subtitle { color: #9aaabf; margin-top: 2px; margin-bottom: 24px; padding: 0 24px; text-align: center }
.BindPhone-helpWrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 12px }
.BindPhone-helpText { color: #9aaabf }
.BindPhone-remindLoginWithPhoneButton { display: block; width: 220px; margin: 48px auto 0 }
.MobileModal .SignFlowActive.SignFlow { padding: 0 16px; margin-top: 16px }
.MobileModal .MobileBindPhoneTip { color: #9aaabf; font-size: 14px }
.MobileModal .BindPhone-buttonSection { margin-top: 16px }
.MobileModal.VerificationModal { padding: 0 16px }
.MobileModal .SignFlow-smsInputButton { top: 23px }
.MobileModal .BindPhone-remindLoginWithPhoneButton { margin-top: 16px }
.MobileModal.BindPhoneMobileModal .MobileModal-content, .MobileModal.ConfirmUnbindMobileModal .MobileModal-content, .MobileModal.LoginWithPhoneMobileModal .MobileModal-content, .MobileModal.NeedUnbindMobileModal .MobileModal-content { padding-top: 0 }
body { font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif; font-size: 15px; color: #262626; background: #f7f8fa; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.App-main { display: block }
.u-ellipsis { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.App-loginGuideModal { width: 400px }
.App-loginButton, .App-registerButton { display: block; width: 220px; height: 36px; margin: 0 auto; font-size: 14px; text-align: center }
.App-loginButton { margin-top: 28px; color: #fff }
.App-registerButton { margin-top: 52px; margin-bottom: 12px; color: #8590a6 }
.Card { margin-bottom: 10px; background: #fff; border: 1px solid #e7eaf1; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,37,55,.05); box-sizing: border-box; padding:0 16px; }
.Card:last-child { margin-bottom: 0 }
.Card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 20px; border-bottom: 1px solid #f0f2f7; box-sizing: border-box }
.Card-header:last-child { border-bottom: none }
.Card-headerText { overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; }
.Card-section { padding: 16px 20px; position: relative }
.Card-section:not(:last-child):after { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 20px; display: block; border-bottom: 1px solid #f0f2f7; content: "" }
.Footer { padding: 10px 0; font-size: 13px; line-height: 2; color: #8590a6; clear: both; text-align: center }
.UserStatus { width: 100%; height: 60px; line-height: 60px; color: #262626; text-align: center; background-color: rgba(133,144,166,.08) }
.UserStatus, .UserStatus .Button { font-size: 15px }
.UserStatus-warnText { margin-left: 8px }
.UserCover { position: relative; height: 240px; overflow: hidden; background: #f7f8fa; border-top-right-radius: 1px; border-top-left-radius: 1px; transition: height .3s }
.UserCover--colorBlock { height: 132px; background: #96a1a9 }
.UserCover-image { transition: -webkit-transform 6s ease-out; transition: transform 6s ease-out; transition: transform 6s ease-out, -webkit-transform 6s ease-out }
.UserCover-image, .UserCover-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
input[type=range].RangeInput { width: 220px; height: 12px; padding: 0; margin: 0 10px; vertical-align: middle; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type=range].RangeInput:focus { outline: none }
 input[type=range].RangeInput::-webkit-slider-runnable-track {
 height: 5px;
 cursor: pointer;
 background: #f2f5fb;
 border-radius: 2px
}
 input[type=range].RangeInput::-webkit-slider-thumb {
 width: 12px;
 height: 12px;
 margin-top: -4px;
 cursor: pointer;
 background: #d2dbe8;
 border-radius: 50%;
 -webkit-appearance: none;
 appearance: none
}
 input[type=range].RangeInput::-moz-range-track {
 height: 5px;
 cursor: pointer;
 background: #f2f5fb;
 border-radius: 2px
}
 input[type=range].RangeInput::-moz-range-thumb {
 width: 12px;
 height: 12px;
 cursor: pointer;
 background: #d2dbe8;
 border: none;
 border-radius: 50%
}
 input[type=range].RangeInput::-ms-track {
 width: 100%;
 height: 5px;
 color: transparent;
 cursor: pointer;
 background: transparent;
 border-color: transparent
}
 input[type=range].RangeInput::-ms-fill-lower, input[type=range].RangeInput::-ms-fill-upper {
 background: #f2f5fb;
 border-radius: 2px
}
 input[type=range].RangeInput::-ms-thumb {
 width: 12px;
 height: 12px;
 cursor: pointer;
 background: #d2dbe8;
 border: none;
 border-radius: 50%
}
 input[type=range].RangeInput::-ms-tooltip {
 display: none
}
.DynamicColorButton { color: #ccd8e1; transition: color, border-color .3s }
.DynamicColorButton svg { fill: currentColor }
.DynamicColorButton--dark { color: rgba(0,0,0,.6); border-color: rgba(0,0,0,.12) }
.DynamicColorButton--dark:hover { background: rgba(0,0,0,.03) }
.DynamicColorButton--white { color: hsla(0,0%,100%,.7); border-color: hsla(0,0%,100%,.24) }
.DynamicColorButton--white:hover { background: hsla(0,0%,100%,.04) }
.UserCoverGuide { position: absolute; z-index: 2; width: 100%; height: 100%; overflow: hidden; border-top-right-radius: 1px; border-top-left-radius: 1px }
.UserCoverGuide.is-active .is-playing { opacity: 1 }
.UserCoverGuide.is-active .UserCoverGuide-dialog { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
.UserCoverGuide-inner { position: relative; z-index: 2; float: right; padding: 24px }
.UserCoverGuide-buttonContainer { margin-bottom: 14px; text-align: right }
.UserCoverGuide-dialog { position: relative; width: 286px; padding: 22px 16px; background-color: #fff; border-radius: 4px; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s }
.UserCoverGuide-dialog:after { position: absolute; right: 60px; bottom: 100%; border-color: transparent transparent #fff; border-style: solid; border-width: 7px; content: "" }
.UserCoverGuide-dialogContent { font-size: 14px; line-height: 1.7 }
.UserCoverGuide-dialogContent a { color: #175199; cursor: pointer }
.UserCoverGuide-dialogContent a:hover { text-decoration: underline }
.UserCoverGuide-dialogDescription, .UserCoverGuide-dialogHead { margin: 0 0 6px }
.UserCoverGuide-item, .UserCoverGuide-items { width: 100%; height: 100% }
.UserCoverGuide-item { position: absolute; background-position: 50%; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: opacity .5s }
.UserCoverEditor { position: relative }
.UserCoverEditor-simpleEditButton { position: absolute; top: 24px; right: 24px; z-index: 1 }
.UserCoverEditor-editor { top: -1px; z-index: 5; border: 1px solid #e7eaf1; border-top-right-radius: 2px; border-top-left-radius: 2px }
.UserCoverEditor-editor, .UserCoverEditor-editor:after { position: absolute; left: -1px; width: 100%; box-shadow: 0 1px 3px rgba(0,37,55,.05) }
.UserCoverEditor-editor:after { display: block; height: 1000px; background-color: hsla(0,0%,100%,.95); border: 1px solid #e7eaf1; border-top: 0; border-bottom: 0; content: "" }
.UserCoverEditor-editor canvas { vertical-align: top; cursor: -webkit-grab; cursor: grab }
.UserCoverEditor-action { height: 80px; background: #fff; border-bottom: 1px solid #e7eaf1; box-shadow: 0 1px 3px rgba(0,37,55,.05) }
.UserCoverEditor-actionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0 24px }
.UserCoverEditor-actionContent .Button+.Button { margin-left: 16px }
.UserCoverEditor-actionTitle { font-size: 24px; color: #262626 }
.UserCoverEditor-rangeInput { display: inline-block }
.UserCoverEditor-cameraIcon { margin-bottom: 14px; fill: #fff }
.UserCoverEditor-mask { z-index: 100; border-top: 60px solid hsla(0,0%,100%,.7) }
.UserCoverEditor-mask canvas { vertical-align: middle }
.UserCoverEditor-loadingCanvas { width: 100%; height: 100% }
.Mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: opacity .2s ease-in }
.Mask-hidden { pointer-events: none; opacity: 0 }
.Mask-mask { position: absolute; z-index: -1; width: 100%; height: 100%; opacity: .4; box-sizing: border-box }
.Mask-mask--black { background: #000 }
.Mask-mask--white { background: hsla(0,0%,100%,.95) }
.Mask-content { position: absolute; top: 50%; left: 50%; z-index: 5; color: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.Mask-content--full { width: 100%; height: 100% }
.UserAvatar { display: inline-block; overflow: hidden; border: 4px solid #fff; border-radius: 8px }
.UserAvatar, .UserAvatar-inner { vertical-align: top }
.UserAvatar-holder { width: 160px; height: 160px }
.UserAvatarEditor { cursor: pointer }
.UserAvatarEditor-avatar { background: #f7f8fa; border: 4px solid #fff; border-radius: 8px }
.UserAvatarEditor-container { width: 256px; height: 256px; margin: 0 auto 30px; cursor: move }
.UserAvatarEditor-container canvas { vertical-align: top }
.UserAvatarEditor-modal { text-align: center }
.UserAvatarEditor-title { font-size: 24px; color: #262626 }
.UserAvatarEditor-subTitle { font-size: 14px; color: #8590a6 }
.UserAvatarEditor-range { width: 200px; margin: 20px 10px }
.UserAvatarEditor-maskInner { z-index: 4; border: 4px solid #fff; border-radius: 8px }
.UserAvatarEditor-maskInnerText { white-space: nowrap }
.UserAvatarEditor-cameraIcon { margin-bottom: 14px; fill: #fff }
.ProfileHeader { position: relative; width: 1000px; padding: 0 16px; margin: 10px auto }
.ProfileHeader-wrapper { position: relative; width: 100%; background: #fff; box-sizing: border-box }
.ProfileHeader-main { position: relative; margin: 0 20px 24px }
.ProfileHeader-avatar { position: absolute; top: -25px; left: 0; z-index: 4 }
.ProfileEdit--org .ProfileHeader-avatar, .ProfileHeader--org .ProfileHeader-avatar { top: -60px }
.ProfileHeader-userCover { width: 100% }
.ProfileHeader-userCover.is-fixed { z-index: 4 }
.ProfileHeader-content { padding-top: 16px; padding-left: 32px; border-left: 164px solid transparent }
.ProfileHeader-contentHead { position: relative; padding-right: 106px; margin-bottom: 16px }
.ProfileHeader-contentHead .Button--plain { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.ProfileHeader-contentHead .Button--plain:hover { color: #7a8599 }
.ProfileHeader-contentHead .Button--plain:hover .Icon { fill: #95a1ba }
.ProfileHeader-contentHead .FollowStatus { position: absolute; right: 0; bottom: 0; padding: 3px 6px }
.ProfileHeader-contentBody { position: relative; width: 524px; overflow: hidden; transition: height .3s }
.content-enter { position: absolute; top: 0; opacity: 0 }
.content-enter-active { opacity: 1; transition: opacity .3s ease-out }
.content-leave { opacity: 1 }
.content-leave-active { opacity: 0; transition: opacity .3s ease-out }
.ProfileHeader-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ProfileHeader-name { font-size: 26px; font-weight: 700; line-height: 30px }
.ProfileHeader-badge { margin-left: 12px; vertical-align: 2px }
.ProfileHeader-detailValue a, .ProfileHeader-headline a { border: none!important }
.ProfileHeader-detailValue a:hover, .ProfileHeader-headline a:hover { color: #175199 }
.ProfileHeader-headline { margin-left: 12px; font-size: 18px; white-space: nowrap }
.ProfileHeader-info { font-size: 14px; line-height: 20px; box-sizing: border-box }
.ProfileHeader--org .ProfileHeader-info { margin-bottom: 36px; overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap }
.ProfileHeader-divider { display: inline-block; width: 1px; height: 10px; margin: 0 8px; background: #e7eaf1 }
.ProfileHeader-infoItem { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ProfileHeader-infoItem:not(:last-child) { margin-bottom: 10px }
.ProfileHeader-iconWrapper { display: inline-block; width: 18px; height: 18px; margin-right: 12px; text-align: center }
.ProfileHeader-arrowIcon.is-active { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.ProfileHeader-contentFooter { position: relative; padding-top: 8px }
.ProfileHeader-expandButton { line-height: 1 }
.ProfileHeader-expandButton .Icon { margin: 0 16px 0 4px }
.ProfileHeader-buttons { position: absolute; right: 0; bottom: 0 }
.ProfileHeader-detail { width: 100%; font-size: 14px; line-height: 1.8; color: #262626 }
.ProfileHeader--org .ProfileHeader-detail .ProfileHeader-detailLabel { width: 30px }
.ProfileHeader-detailItem { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px }
.ProfileHeader-detailLabel { width: 60px; margin-right: 37px; font-weight: 700 }
.ProfileHeader-detailValue { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden }
.ProfileHeader-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ProfileHeader-field:not(:first-child) { margin-top: 12px }
.ProfileHeader-itemAvatar { width: 18px; height: 18px; margin-right: 12px }
.ProfileHeader-defaultCover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.ProfileHeader-tips { font-size: 14px; color: #8590a6 }
.PageHeader { position: absolute; top: 8; left: 0; z-index: 100; width: 100%; height: 100%; display: none; background-color: #FFF; }
.ProfileMain-avatar .Avatar { display: block; cursor: pointer }
.PageHeader .ProfileMain-header { width: 1000px; height: 100%; padding: 0 16px; margin: 0 auto }
.PageHeader .ProfileMain-tabs { border-bottom: none }
.ProfileMain-tabs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ProfileMain-menuToggler { font-size: 16px; color: #262626 }
.ProfileMain-tabIcon { margin-left: 4px }
.Profile-popoverMenuItem { height: 40px; font-size: 16px; line-height: 40px; color: #262626 }
.Profile-popoverMenuItem.is-active { background: #f4f8fb }
.Profile-popoverMenuItem .Link-meta { font-size: 14px; color: #8590a6 }
body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active { font-weight: 700 }
.ProfileMainPrivacy-mainContentWrapper { height: 383px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.ProfileMainPrivacy-mainContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 86px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8590a6 }
.ProfileMainPrivacy-mainContentText { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px }
.ProfileMainPrivacy-mainContentLink { font-size: 15px }
.ProfileMainPrivacy-authWrapper { display: inline-block }
.ProfileMainPrivacy-pointerWrapper { cursor: pointer }
.ProfileLockStatus { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.ProfileLockStatus-title { margin: 42px 0 10px; font-size: 20px; font-weight: 700; color: #1e1e1e }
.ProfileLockStatus-subtitle { margin-bottom: 23px; font-size: 16px; color: #8590a6 }
.ProfileLockStatus-avatar { display: block; width: 140px; height: 140px; margin: 0 auto; border-radius: 50% }
.ProfileLockStatus-redirect { display: block; margin: 0 auto; text-decoration: underline }
.ProfileLockStatus-redirect:hover { color: rgba(38,84,153,.72) }
.ProfileLockStatus-redirect:active { color: #175199 }
.ProfileLockStatus-avatar, .ProfileLockStatus-redirect, .ProfileLockStatus-subtitle, .ProfileLockStatus-title { text-align: center }
.IconGraf { margin-bottom: 12px }
.IconGraf:last-child { margin-bottom: 0 }
.IconGraf-iconWrapper { display: inline-block; width: 28px }
.IconGraf-icon { fill: #bdcadb }
.SideItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; margin-bottom: 24px }
.SideItem:last-child { margin-bottom: 0 }
.SideItem-image { padding-top: 3px }
.SideItem--multiline .SideItem-image { padding-top: 0 }
.SideItem-image img { vertical-align: top }
.SideItem-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px }
.SideItem-title { font-size: 15px; color: #262626 }
.SideItem--multiline .SideItem-title { font-size: 18px }
.SideItem-description { max-height: 52px; margin-top: 2px; overflow: hidden; font-size: 14px; color: #8590a6; text-overflow: ellipsis }
.SideItem--multiline .SideItem-description { margin-top: 8px }
.Publication-title:hover { color: #175199 }
.Publications-content { padding: 4px 20px }
.Publication-item:not(:first-child) { display: block; border-top: 1px solid #f0f2f7 }
.Publication-summary { display: -webkit-box; line-height: 24px; color: #262626; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.Publication-image { width: 80px; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12) }
.FollowshipCard { font-size: 14px }
.FollowshipCard-counts:not(:last-child) { border-bottom: 1px solid #f0f2f7 }
.FollowshipCard-counts .NumberBoard-item { padding: 16px 0 }
.FollowshipCard-counts .NumberBoard-divider { margin: 16px 0 }
.FollowshipCard-link { color: #175199 }
.FollowshipCard-link:hover { border-bottom: 1px solid rgba(23,81,153,.72) }
.FollowshipCard-avatars, .FollowshipCard-item:not(:first-child) { margin-top: 12px }
.FollowshipCard-icon { margin-right: 8px }
.FollowshipCard-avatar { margin-left: 8px }
.FollowshipCard-avatar:first-child { margin-left: 0 }
.Profile { width: auto }
.Profile-main { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1000px; min-height: 100vh; padding: 0 16px; margin: 10px auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.Profile-mainColumn { width: 694px }
body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText { font-weight: 700 }
body:not(.Body--isAppleDevice) .Profile-mainColumn .SubTabs-item:not(.is-active) { font-weight: 400 }
.Profile-sideColumn { width: 296px; color: #555 }
.Profile-sideColumnItems { padding: 12px 0 }
.Profile-sideColumnItem { padding: 6px 16px }
.Profile-sideColumnItemValue { margin-left: 29px; font-size: 14px; color: #8590a6 }
.Profile-lightList { border-top: 1px solid #f0f2f7 }
.Profile-lightItem, .Profile-lightList { font-size: 14px; border-bottom: 1px solid #f0f2f7 }
.Profile-lightItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 46px }
.Profile-lightItem:hover, .Profile-lightItem:hover .Profile-lightItemValue { color: #175199 }
.Profile-lightItem:last-child { border-bottom: none }
.Profile-lightItemName { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
.Profile-lightItemValue { font-size: 14px; color: #8590a6 }
.Profile-sideColumnTitle { padding: 0 14px }
.Profile-footerOperations { width: 100%; padding: 10px 0; margin-top: 6px; font-size: 14px; line-height: 1.8; text-align: left; border-bottom: 1px solid #f0f2f7 }
.Profile-footerOperations, .Profile-footerOperations a { color: #8590a6 }
.Profile-footerOperations .Button--plain:hover { color: #7a8599 }
.Profile-footerOperations .Button--plain:hover .Icon { fill: #95a1ba }
.Profile-footerDot:after { margin-right: 5px; margin-left: 5px; content: "\B7" }
.Profile-sideColumnItemLink { cursor: pointer }
.Profile-sideColumnItemLink:hover { color: #175199 }
.Profile-createOrgAccount { display: inline-block; width: 100%; line-height: 60px; text-align: center; color: #175199 }
.List .EmptyState { padding: 70px 0 }
.List-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 0 20px; border-bottom: 1px solid #f0f2f7; box-sizing: border-box }
.List-headerText { margin: 0; font-weight: 500 }
.List-headerOptions { font-size: 14px }
.List-loading { padding: 200px 0; color: #8590a6; text-align: center }
.List-item { position: relative; padding: 16px 20px }
.List-item:not(:last-child):after { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 20px; display: block; border-bottom: 1px solid #f0f2f7; content: "" }
.List-item--holder { padding: 24px 0 }
.List-itemMeta { margin-bottom: 10px; color: #8590a6 }
.ContentItem-title { font-size: 18px; font-weight: 700; line-height: 1.6; color: #1e1e1e; margin-top: -5px; margin-bottom: -5px }
.ContentItem-title+.ContentItem-meta { margin-top: 6px }
.ContentItem-title a:hover { color: #175199 }
.ContentItem-meta { font-size: 15px; color: #555 }
.ContentItem-meta .ColumnItem-meta, .ContentItem-meta .TopicItem-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ContentItem-avatar { display: inline-block; margin-right: 10px; vertical-align: middle }
.ContentItem-avatar .UserLink-avatar { width: 38px; height: 38px; vertical-align: top }
.ContentItem-author { padding-top: 10px }
.ContentItem-status { margin-top: 5px; color: #8590a6; font-size: 14px }
.ContentItem-statusItem:not(:first-child):before { margin: 0 5px; content: "\B7" }
.ContentItem-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; padding: 0 20px; margin: 4px -20px -8px; color: #555; background: #fff; clear: both }
.ContentItem-actions.is-fixed { margin: 0; box-shadow: 0 -1px 3px rgba(0,34,77,.05) }
.ContentItem-actions .Button--plain:hover { color: #7a8599 }
.ContentItem-actions .Button--plain:hover .Icon { fill: #95a1ba }
.ContentItem-action { margin-left: 24px; font-size: 14px }
.ContentItem-action:first-child { margin-left: 0 }
.ContentItem-rightButton { margin-left: auto }
.ContentItem-rightButton .Icon { margin-left: 8px }
.ContentItem-more { padding: 0; margin-left: 4px }
.ContentItem-more:hover { color: #7a8599 }
.ContentItem-more:hover .Icon { fill: #95a1ba }
.ContentItem-time { margin-top: 1em; font-size: 14px; color: #8590a6 }
.ContentItem-time a:hover { border-bottom: 1px solid rgba(161,174,191,.72) }
.ContentItem-arrowIcon { width: 9px; margin-left: 8px }
.ContentItem-arrowIcon.is-active { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.ContentItem-main { display: -webkit-box; display: -ms-flexbox; display: flex }
.ContentItem-image { float: left; margin-right: 16px }
.ContentItem-head { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin-right: 6px }
.ContentItem-extra { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center }
.ContentItem-cells { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; line-height: 26px }
.ContentItem-cell:not(:first-child) { margin-left: 40px }
.ContentItem-cell>span:first-child { color: #8590a6 }
.ImageView { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; overflow: hidden; transition: background-color .2s ease-in-out }
.ImageView.is-active { background-color: hsla(0,0%,100%,.9) }
.ImageView-inner { height: 100%; box-sizing: border-box }
.ImageView-img { cursor: zoom-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out }
.CopyrightRichText-tooltip { font-size: 14px }
.RichContent-actions--hideable { -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform .3s .3s; transition: transform .3s .3s; transition: transform .3s .3s, -webkit-transform .3s .3s }
.RichContent-actions--hideable.is-hide { -webkit-transform: translateY(96px); transform: translateY(96px) }
.RichContent--unescapable.is-collapsed .RichContent-inner { position: relative; max-height: 400px; transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035); transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035); transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035); -webkit-mask-image: linear-gradient(#000 calc(100% - 9rem), transparent); mask-image: linear-gradient(#000 calc(100% - 9rem), transparent); -webkit-mask-size: 100% 100%; mask-size: 100% 100% }
.RichContent--unescapable.is-collapsed .RichContent-mobileInner { -webkit-mask-image: linear-gradient(#000 calc(100% - 5rem), transparent); mask-image: linear-gradient(#000 calc(100% - 5rem), transparent) }
.RichContent--unescapable.is-collapsed .RichContent-questionInner { max-height: 90px }
.RichContent { line-height: 1.67 }
.RichContent.is-collapsed { cursor: pointer; transition: color .14s ease-out }
.RichContent.is-collapsed .RichContent-cover>img { transition: -webkit-transform .6s ease-out; transition: transform .6s ease-out; transition: transform .6s ease-out, -webkit-transform .6s ease-out }
.RichContent.is-collapsed .CopyrightRichText-richText { pointer-events: none }
.RichContent.is-collapsed .RichContent-inner:hover { color: #6f6f6f }
.RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link), .RichContent.is-collapsed .RichContent-inner:hover u { border-bottom: 1px solid hsla(0,0%,44%,.72) }
.RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u, .RichContent.is-collapsed .RichContent-inner:hover u u { border-color: transparent }
.RichContent.is-collapsed .RichContent-inner:hover .RichContent-cover>img { -webkit-transform: scale3d(1.024, 1.024, 1); transform: scale3d(1.024, 1.024, 1) }
.RichContent.is-collapsed:not(.RichContent--unescapable) .CopyrightRichText-richText { white-space: normal }
.RichContent-inner { margin-top: 9px; margin-bottom: -5px; overflow: hidden }
.RichContent-cover { position: relative; width: 190px; height: 105px; margin-top: -2px; margin-right: 18px; margin-bottom: 4px; float: left; overflow: hidden; background-position: 50%; background-size: cover; border-radius: 4px; -webkit-transform: translateZ(0); transform: translateZ(0) }
.RichContent-cover+.RichContent-inner { margin-top: 16px }
.RichContent-cover:after { position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background: #000; content: ""; opacity: .02 }
.RichContent-cover .VagueImage { vertical-align: top }
.RichContent-cover-play { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.RichContent-cover-play .Icon { display: block }
.RichContent-cover-inner { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.RichContent-cover-inner img { max-width: 100%; vertical-align: top }
.RichContent-cover>img { margin: 0!important }
.RichContent-cover .zh-lightbox-thumb { cursor: pointer!important }

@media (max-width:320px) {
.CollapsedText { display: none }
}
.ShareMenu-button { height: 40px; font-size: 14px; color: #262626 }
.ShareMenu-wechat { padding-bottom: 12px }
.ShareMenu-fakeQRCode { display: none }
.ShareMenu-qrCode, .ShareMenu-wechatText { display: block }
.ShareMenu-qrCode { width: 94px; height: 94px }
.QuestionItem-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.QuestionItem-muteStatus { display: inline-block; padding: 0 6px; margin-left: 8px; font-size: 12px; line-height: 1.5; color: #8590a6; cursor: default; background-color: #f7f8fa; border-radius: 3px }
.QuestionItem-icon { margin-left: 8px }
.QuestionItem-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.QuestionItem-dot { margin-right: 10px }
.QuestionItem-dot:after { content: "\2022" }
.RadioButtons { font-size: 14px; color: #404040 }
.RadioButtons-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 11px 0; border-bottom: 1px solid #f0f2f7 }
.RadioButtons-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.RadioButtons-input { display: inline-block; width: 14px; height: 14px; padding: 2px; margin: 0 4px 0 0; vertical-align: middle; border: 2px solid #e7eaf1; border-radius: 50%; transition: background-color, border-color .3s; background-clip: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.RadioButtons-input:checked { background-color: #0f88eb; border-color: #0f88eb }
.RadioButtons-input:focus { outline: none }
.AddAnnotationModal-description { color: #9aaabf; font-size: 14px; margin: 20px 0 }
.AddAnnotationModal-body { max-height: 300px; overflow: scroll; margin: 0 -20px; padding: 0 20px }
.Annotation-mark { background-color: rgba(40,66,85,.05); margin-top: 16px; padding-bottom: 16px; border-radius: 4px; position: relative }

@media (max-width:660px) {
.Annotation-mark { margin: 16px 12px 0 }
}
.Annotation-markTitle { color: #1f1f1f; font-size: 15px; margin-left: 16px; padding-top: 16px; font-weight: 600 }

@media (max-width:660px) {
.Annotation-markTitle { margin: 12px 12px 8px }
}
.Annotation-markSummary { color: #262626; font-size: 14px; margin: 4px 16px 0; line-height: 24px }
.Annotation-markSummary a { cursor: pointer; color: #175199; text-decoration: underline }

@media (max-width:660px) {
.Annotation-markSummary { margin: 12px }
}
.Annotation-complaintHelp { position: absolute; top: 18px; right: 16px }
.UserItem-avatar .Avatar, .UserItem-avatar .Popover { display: block }
.UserItem-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.UserItem-name, .UserItem-name .UserLink-badge, .UserItem-title { display: -webkit-box; display: -ms-flexbox; display: flex }
.UserItem-name .UserLink-badge { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.UserItem-headline { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.UserItem-business { font-size: 14px; color: #262626 }
.UserItem-company:after { margin: 0 5px; color: #eee; content: "|" }
.VoterList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% }
.VoterList-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: scroll }
.Voters { color: #8590a6 }
.AnswerModal-list { font-size: 14px; line-height: 1.75 }
.AnswerModal-list>li:not(:first-child) { margin-top: 4px }
.AnswerModal-moreLink { display: inline-block; margin-top: 8px; border-bottom: 1px solid transparent; font-size: 14px; color: #175199 }
.AnswerModal-moreLink:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.AnswerForm--bordered { border: 1px solid #e7eaf1; border-radius: 3px }
.AnswerForm:not(.AnswerForm--bordered) .Editable-toolbar { border-top: 1px solid #e7eaf1 }
.AnswerForm-editor { border: none; border-radius: 0 }
.AnswerForm-editor.is-focus { border: none }
.AnswerForm-editor .DraftEditor-root { padding: 12px 20px; font-size: 15px }
.AnswerForm-editor .Dropzone-overlay { margin: 14px 24px }
.AnswerForm-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; padding: 12px 24px; background: #fff; box-sizing: border-box }
.AnswerForm-footer--hidden { pointer-events: none; opacity: 0 }
.AnswerForm-status { font-size: 14px; color: #8590a6 }
.AnswerForm-delete { margin-right: 12px }
.AnswerForm-delete:hover .Icon { fill: #95a1ba }
.AnswerForm-footerRight { margin-left: auto; transition: opacity .3s ease-out }
.AnswerForm-submit { margin-left: 22px }
.AnswerForm-cancel { color: #175199; cursor: pointer }
.AnswerForm-cancel:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.VoteButton { padding: 0 10px; color: #2d84cc; background: #ebf3fb; border-color: #ebf3fb }
.VoteButton:not(:disabled):hover { background-color: #e4ebf3; border-color: #e4ebf3 }
.VoteButton:disabled:hover { background: #ebf3fb; border-color: #ebf3fb }
.VoteButton.is-active { color: #eef3f7; background: #2d84cc; border-color: #2d84cc }
.VoteButton.is-active:hover { background-color: #2774b3; border-color: #2774b3 }
.VoteButton:focus { outline: none }
html:not([data-focus-method=pointer]) .VoteButton:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(38,148,237,.3) }
.VoteButton--down { margin-left: 4px }
.VoteButton--down.VoteButton--mobileDown { margin-left: 8px }
.VoteButton-downIcon, .VoteButton-upIcon { fill: currentColor }
.VoteButton-upIcon { margin-right: 8px }
.VoteButton-downIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.AnswerItem-meta { position: relative; margin-top: 14px }
.AnswerItem-meta .AnswerItem-sticky { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 14px; color: #9aaabf; cursor: default }
.AnswerItem-meta--related { margin-top: -2px }
.AnswerItem-selfMenu { font-size: 14px; color: #8590a6 }
.AnswerItem-selfMenuItem { line-height: 40px }
.AnswerItem-selectMenuItem { position: relative; padding-left: 44px; line-height: 40px }
.AnswerItem-selectMenuItem .Icon { position: absolute; top: 10px; left: 20px }
.AnswerItem-extraInfo { margin-top: 10px; margin-bottom: -4px; font-size: 14px; color: #8590a6 }
.AnswerItem-statusContent { padding: 16px; margin: 16px 0; background: #f7f8f9; border-radius: 4px }
.AnswerItem-statusReason { font-size: 15px; line-height: 26px; color: #1e1e1e; font-weight: 700; margin-bottom: 3px }
.AnswerItem-statusDescription { font-size: 14px; line-height: 26px; color: #262626 }
.AnswerItem-statusDescription .RichContent-inner { margin-top: 0 }
.AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover { color: #262626 }
.AnswerItem-statusDescription .ContentItem-arrowIcon { display: none }
.AnswerItem-statusLink { border-bottom: 1px solid #8590a6 }
.AnswerItem-statusLink:active, .AnswerItem-statusLink:hover { color: #175199; border-bottom: 1px solid #175199 }
.AnswerItem-complaintLink { color: #175199; font-weight: 400; padding-bottom: 2px }
.AnswerItem-complaintLink:hover { border-bottom: 1px solid #175199 }
.AnswerItem-complaintHelp { float: right }
.AnswerItem-complaintIcon { position: relative; top: -1px }
.AnswerItem-status { padding: 16px; margin: 16px 0; color: #8590a6; background: #e7eaf1; border-radius: 4px }
.AnswerItem-status a { color: #175199 }
.AnswerItem-status a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.AnswerItem-deleted { font-size: 15px; color: #8590a6; text-align: center }
.AnswerItem-deleted a { font-size: inherit; color: #175199; cursor: pointer }
.AnswerItem-deleted a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.AnswerItem-form { margin-top: 24px }
.AnswerItem-editButton { color: #175199; cursor: pointer }
.AnswerItem-editButton:hover .AnswerItem-editButtonText { border-bottom: 1px solid rgba(62,122,194,.72) }
.AnswerItem-editButton .Icon { fill: #175199 }
.AnswerItem-mainAction { margin-right: 16px; border-color: #0f88eb; color: #0f88eb }
.AnswerItem-mainAction--disabled { opacity: .5 }
.Mobile-body .AnswerItem .ContentItem-actions { height: 45px; line-height: 28px }
.Mobile-body .AnswerItem .ContentItem-actions .AnswerItem-mainAction { margin-right: 12px; padding: 0 10px; line-height: 28px; font-size: 12px }
.Mobile-body .AnswerItem .Icon--comment, .Mobile-body .AnswerItem .Icon--dots, .Mobile-body .AnswerItem .Icon--setting, .Mobile-body .AnswerItem .Icon--star { width: 16px!important }
.LikeButton { padding: 0 15px; color: #2d84cc; text-align: center; border-radius: 3px; box-sizing: border-box }
.LikeButton, .LikeButton:disabled:hover { background: #ebf3fb; border-color: #ebf3fb }
.LikeButton:not(:disabled):hover { background-color: #e4ebf3; border-color: #e4ebf3 }
.LikeButton.is-active { color: #eef3f7; background: #2d84cc; border-color: #2d84cc }
.LikeButton.is-active:hover { background-color: #2774b3; border-color: #2774b3 }
.LikeButton .Icon { margin-right: 7px; fill: currentColor }
.ArticleItem-authorInfo { margin-top: 14px }
.ArticleItem-extraInfo { margin-top: 11px; margin-bottom: -3px; font-size: 14px; color: #8590a6 }
.ArticleItem-image { margin-top: 10px; width: 100% }
.ArticleItem .RichContent-cover-inner img { -o-object-fit: cover; object-fit: cover }
.ArticleItem-status { padding: 16px; margin: 16px 0; color: #8590a6; background: #e7eaf1; border-radius: 4px }
.ArticleItem-status a { color: #175199 }
.ArticleItem-status a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.EBookItem .ContentItem-title { margin-top: 0 }
.EBookItem-description { line-height: 27px; margin-top: 12px; margin-bottom: 16px; color: #262626; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.EBookItem-image { border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); vertical-align: top }
.EBookItem-actions { margin-top: 4px }
.EBookItem-price { color: #f75659 }
.EBookItem-price del { margin-left: 6px; color: #8590a6 }
.TopicItem-statusLink { font-size: 14px; color: #175199 }
.FavlistItem-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.FavlistItem-lockIcon { margin-left: 8px }
.FavlistItem-follow { width: 90px }
.RoundtableItem-badge { display: inline-block; padding: 3px 6px; font-size: 12px; white-space: nowrap; color: #8590a6; vertical-align: 1px; background-color: #f7f8fa; border-radius: 3px; line-height: 1; margin-left: 8px }
.RoundtableItem-badge .Icon { margin-right: 6px }
.LiveItem-description { display: inline-block; margin-top: 8px; line-height: 26px; cursor: pointer }
.LiveItem-description.is-expand { overflow: auto; white-space: pre-wrap }
button.LiveItem-description { display: block; width: 100%; text-align: left }
.LiveItem-price { color: #f75659 }
.LiveItem-price del { color: #8590a6; margin-left: 3px }
.LiveItem-cover { position: relative; display: block; width: 100%; height: 160px; border-radius: 4px; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); margin-bottom: 10px }
.LiveItem-cover img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) }
.FavlistItem-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.FavlistItem-lockIcon { margin-left: 8px }
.FavlistItem-follow { width: 90px }
.PinItem-authorInfo { margin-bottom: 10px }
.PinItem-remainContentRichText { pointer-events: auto }
.PinItem-remainContentRichText blockquote { cursor: pointer }
.PinItem-3lineBlockquote { display: -webkit-box; max-height: 81px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.PinItem-contentTitle { max-height: 54px }
.PinItem-contentTitle, .PinItem-contentUrl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.PinItem .subtype { display: inline-block; padding: 1px 6px; margin-left: 8px; font-size: 12px; line-height: normal; color: #8590a6; vertical-align: 1px; background-color: #f7f8fa; border-radius: 3px }
.ActivityItem-meta { display: -webkit-box; display: -ms-flexbox; display: flex }
.ActivityItem-metaTitle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.SubTabs { display: inline-block }
.SubTabs-item { height: 21px; padding: 6px 0 7px; margin-right: 36px }
.SubTabs-item:last-child { margin-right: 0 }
.SubTabs-item:not(.is-active) { font-weight: 400 }
.SubTabs .Select-button { font-size: 1em; font-weight: inherit }
.Field { padding: 30px 0; border-bottom: 1px solid #ebeef5 }
.Field .ButtonGroup .Button+.Button { margin-left: 16px }
.Field-label { position: absolute; font-size: 15px; font-weight: 700; line-height: 36px; color: #333 }
.Field-content { padding: 0 64px 0 140px; line-height: 36px }
.Field-list { margin: 20px -10px 0 }
.Field-dot { margin-right: 10px }
.Field-input { width: 180px }
.Field-longInput { width: 495px }
.Field-autoComplete { display: inline-block }
.Field-autoComplete:not(:first-child) { margin-left: 16px }
.Field-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 440px; padding: 8px 10px; line-height: 24px; cursor: move }
.Field-card span { margin-left: 12px; font-size: 15px; color: #262626 }
.Field-hoveredCard { background: #f7f8fa; border-radius: 4px }
.Field-draggingCard { opacity: 1 }
.Field-delete { position: absolute; top: 50%; right: 10px; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.Field-avatar { vertical-align: top }
.Field-modify { position: absolute; margin-left: 16px; line-height: inherit; transition: opacity .1s }
.Field-modify-hidden:not(:focus) { opacity: 0 }
.Field .MaxLength { position: absolute; top: 30px; right: 12px; text-align: right }
.ButtonGroup { margin-top: 24px; vertical-align: top }
.ButtonGroup--right { display: inline-block; margin-top: 0; margin-left: 24px }
.HeadlineField-input { width: 540px }
.HeadlineField-buttonGroup { display: inline-block }
.HeadlineField-actions { position: relative }
.HomepageField-input { width: 540px }
.HomepageField-buttonGroup { display: inline-block }
.HomepageField-actions { position: relative }
.AddButton { font-size: 15px }
.AddButton-icon { fill: #3e7ac2; vertical-align: -4px }
.TextArea { padding: 4px 10px; font-family: inherit; font-size: 14px; font-weight: inherit; line-height: 26px; background: #fafafa; border: 1px solid #e7e7e7; border-radius: 3px; outline: none; box-sizing: border-box; transition: background .2s; resize: none }
.TextArea:focus { background: #fff }
 .TextArea::-webkit-input-placeholder {
 color: #8590a6
}
 .TextArea:-ms-input-placeholder {
 color: #8590a6
}
 .TextArea::placeholder {
 color: #8590a6
}
.DescriptionField-input { width: 540px }
.DescriptionField-buttonGroup { display: inline-block }
.DescriptionField-actions { position: relative }
.DescriptionField-content { word-break: break-all }
.ProfileEdit { width: 1000px; padding: 0 16px; margin: 14px auto; font-size: 15px; color: #262626 }
.ProfileEdit-fields { padding-bottom: 100px; margin-top: 10px }
.ProfileEdit-headlineInput { width: 495px }
.ProfileEdit-buttons { margin-top: 24px }
.ProfileEdit-expandActions { bottom: auto }
.ProfileEdit-arrowIcon { margin: 0 4px 0 8px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.Anonymous-confirm ul { padding-left: 2em }
.Anonymous-confirm ul li { list-style: disc }
.QuestionRichText { font-size: 18px; line-height: 1 }
.QuestionRichText--expandable.QuestionRichText--collapsed { cursor: pointer; transition: color .14s ease-out }
.QuestionRichText--expandable.QuestionRichText--collapsed .RichText { pointer-events: none }
.QuestionRichText--expandable.QuestionRichText--collapsed:hover { color: #6f6f6f }
.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link), .QuestionRichText--expandable.QuestionRichText--collapsed:hover u { border-bottom: 1px solid hsla(0,0%,44%,.72) }
.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u, .QuestionRichText--expandable.QuestionRichText--collapsed:hover u u { border-color: transparent }
.QuestionRichText-more:hover { color: #7a8599 }
.QuestionRichText-more:hover .Icon { fill: #95a1ba }
.QuestionRichText-more-icon { margin-left: 8px }
.QuestionButtonGroup { display: inline-block; margin: 0 -8px }
.QuestionButtonGroup .Button { margin: 0 8px }
.MobileQuestionButtonGroup .Button { margin-right: 16px }

@media (max-width:340px) {
.MobileQuestionButtonGroup .Button { width: auto; padding: 0 10px; margin-right: 10px }
}
.QuestionMainAction { width: 100%; height: 50px; font-size: 15px; border: none; border-radius: 0 }
.QuestionMainAction:first-child:not(:last-child) { border-bottom: 1px solid #e7eaf1 }
.QuestionMainAction:last-child:not(:first-child) { border-top: 1px solid #e7eaf1 }
.QuestionMainAction a { color: #175199 }
.QuestionMainAction a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
a.QuestionMainAction { display: block; line-height: 50px; color: #8590a6; text-align: center }
a.QuestionMainAction:hover { color: #175199 }
.QuestionInvitation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% }
.QuestionInvitation .Card-headerText { color: #8590a6 }
.QuestionInvitation em { font-style: normal; color: #f75659 }
.QuestionInvitation-title { font-size: 16px; font-weight: 700 }
.QuestionInvitation-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-x: hidden; overflow-y: auto }
.QuestionInvitation-content--centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 160px }
.Invitees { max-height: 383px; overflow-y: auto }
.Invitees-toggler { font-size: 15px; color: inherit }
.Invitees-togglerUsers { font-weight: 400; color: #262626 }
.InviteeItem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 340px; padding: 16px; box-sizing: border-box }
.InviteeItem:not(:last-child):after { position: absolute; bottom: 0; display: block; width: calc(100% - 32px); border-bottom: 1px solid #f0f2f7; content: "" }
.InviteeItem-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.InviteeItem-image { margin-right: 12px }
.InviteeItem-title { margin: 0; font-weight: 700 }
.QuestionStatus-bar { padding: 16px; line-height: 28px; color: #8590a6; text-align: center; background-color: rgba(133,144,166,.08) }
.QuestionStatus-bar em, .QuestionStatus-bar strong { font-style: normal; font-weight: 700; color: #3f3f3f }
.QuestionStatus-bar-inner { width: 1000px; padding: 0 24px; margin: 0 auto; box-sizing: border-box }
.QuestionStatus-bar-commercialMuted { font-weight: 700; color: #9aaabf }
.QuestionStatus-bar-commercialMuted a { color: #4d87ce }
.QuestionStatus-notification { position: absolute; margin-top: 50px; width: 680px; padding-right: 24px; padding-left: 24px }
.QuestionStatus-notification-inner { display: -webkit-box; display: -ms-flexbox; display: flex }
.QuestionStatus-notification-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 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 }
.QuestionStatus-notification-actions { margin-left: 32px }
.QuestionStatus-notification-divider { display: inline-block; height: 14px; margin: 0 12px; vertical-align: middle; border-right: 1px solid #e7eaf1 }
.QuestionStatus-notification-primary { color: #175199 }
.QuestionFollowStatus-counts { /*width: 240px;*/
margin-left: auto; float: right; }
.QuestionFollowStatus-counts .NumberBoard-name { line-height: 14px }
.QuestionFollowStatus-counts .NumberBoard-value { margin-top: 6px; line-height: 18px }
.QuestionFollowStatus-people { height: 32px; margin-top: 10px }
.QuestionFollowStatus-people .UserLink { display: inline-block; vertical-align: middle }
.QuestionFollowStatus-people .UserLink+.UserLink { margin-left: -8px }
.QuestionFollowStatus-people .Avatar { display: block; border: 1px solid #fff; box-shadow: 0 2px 4px rgba(4,27,45,.1) }
.QuestionFollowStatus-people-tip { margin-right: 8px; font-size: 14px; color: #8590a6 }
.QuestionRedirectionCreator-content { height: 160px }
.QuestionRedirectionCreator .Popover { display: block }
.QuestionRedirectionCreator .Input { height: 30px }
.QuestionRedirectionCreator-menu { width: 488px }
.QuestionHeaderActions { display: -webkit-box; display: -ms-flexbox; display: flex }
.QuestionHeaderActions>.Button:not(:first-child), .QuestionHeaderActions>.Popover:not(:first-child) { margin-left: 24px }

@media (max-width:690px) {
.QuestionHeaderActions>.Button:not(:first-child), .QuestionHeaderActions>.Popover:not(:first-child) { margin-left: 12px }
}
.BrandQuestionLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0 }
.BrandQuestionLabel-icon { border-left: 4px solid #0f88eb; padding-left: 5px; line-height: 16px; font-size: 13px; color: #1e1e1e }
.BrandQuestionLabel-divider { margin-left: 16px; margin-right: 17px; border-left: 1px solid #e7eaf1; height: 24px; background: #e7eaf1 }
.BrandQuestionSymbol { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 12px; margin-bottom: 14px; font-size: 15px; color: #8590a6 }
.BrandQuestionSymbol, .BrandQuestionSymbol-brandLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.BrandQuestionSymbol-name { margin: 0 8px; color: #175199 }
.BrandQuestionSymbol-logo { border-radius: 28px; width: 28px; height: 28px }
.BrandQustionSymbol-link { text-decoration: underline }
.BrandQustionSymbol-link:hover { color: #175199 }
.BrandQuestionSymbol-dot { margin: 0 4px }
.OrgQuestionSymbol { height: 60px; margin-top: 16px; margin-bottom: -16px; border-top: 1px solid rgba(0,34,77,.05) }
.OrgQuestionSymbol-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1000px; height: 100%; padding: 0 16px; margin: 0 auto }
.OrgQuestionSymbol-inner--mobile { padding: 0 }
.OrgQuestionSymbol-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 14px; color: #8590a6 }
.OrgQuestionSymbol-avatar { margin-right: 12px }
.OrgQuestionSymbol-avatar .Avatar, .OrgQuestionSymbol-avatar .Popover, .OrgQuestionSymbol-avatar .UserLink { display: block }
.OrgQuestionSymbol-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.OrgQuestionSymbol-name .UserLink { font-weight: 700; color: #262626 }
.QuestionHeader { position: relative; padding: 16px 0; overflow: hidden; background: #fff; border-bottom: 1px solid #e7eaf1; box-shadow: 0 1px 3px 0 rgba(0,37,55,.05) }
.QuestionHeader-content {padding: 0 16px; margin: 0 auto }
.PageHeader .QuestionHeader-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.QuestionHeader-main { padding: 0; float: left; }
.QuestionHeader-side { padding-right: 20px; text-align: right; float: right; }
.QuestionHeader-tags, .QuestionHeader-topics { display: -webkit-box; display: -ms-flexbox; display: flex }
.QuestionHeader-topics { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -5px; padding: 1px 0; }
.QuestionHeader-topics .QuestionTopic { margin: 3px 5px 3px 0; vertical-align: middle; display: inline-block; float: left; }
.QuestionHeader-topics .Button { margin-left: 12px; vertical-align: middle }
.QuestionHeader-title { margin-top: 12px; margin-bottom: 4px; font-size: 22px; font-weight: 700; line-height: 32px; color: #1e1e1e }
.QuestionHeader-title .Button { margin-left: 12px; vertical-align: middle }
.PageHeader .QuestionHeader-title { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer }
.QuestionHeader-lock { vertical-align: middle }
.QuestionHeader-detail { min-height: 10px }
.QuestionHeader-footer { padding-bottom: 8px; margin-top: 4px; margin-bottom: -16px; background: #fff }
.QuestionHeader-footer.is-fixed { height: 60px; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border-top: 1px solid #e7eaf1; box-shadow: 0 -1px 3px rgba(0,34,77,.05) }
.QuestionHeader-footer-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center;height: 100%; padding: 0 16px; margin: 0 auto }
.QuestionHeader-footer-inner, .QuestionHeader-footer-main { display: -webkit-box; display: -ms-flexbox; display: inline-block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.QuestionHeader-actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -12px }
.QuestionHeader-actions .Button { margin: 0 12px }
.QuestionHeader-actions .Button--plain:hover { color: #7a8599 }
.QuestionHeader-actions .Button--plain:hover .Icon { fill: #95a1ba }
.QuestionHeader-collapse-icon { margin-left: 8px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.QuestionHeader-menu { font-size: 14px }
.QuestionHeader-menu-item { line-height: 40px }
.QuestionHeader-delete-confirm { text-align: center }
.QuestionHeader-edit:hover { color: #7a8599 }
.QuestionHeader-edit:hover .Icon { fill: #95a1ba }
.Question-main { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; padding: 0; margin: 10px auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; clear: both; }
.Question-mainColumn { padding-bottom: 20px;}
.Question-sideColumn { width: 296px; float: right; }
.Question-sideColumn--sticky .Card:last-of-type { margin-bottom: 0 }
.QuestionAnswers-content { margin-bottom: 14px }
.QuestionAnswers-hasAnswer { padding: 16px 24px; font-size: 15px; color: #8590a6; text-align: center }
.QuestionAnswers-hasAnswer a { font-size: inherit; color: #175199; cursor: pointer }
.QuestionAnswers-hasAnswer a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.QuestionAnswers-answerList { margin-bottom: 10px }
.QuestionAnswers-answerTip { margin: 40px 0; font-size: 14px; color: #8590a6; text-align: center }
.QuestionAnswers-answerTip .Button { color: #175199 }
.QuestionAnswers-answerTip .Button:hover { border-bottom: 1px solid rgba(23,81,153,.72) }
.QuestionAnswers-answerTip .QuestionAnswers-iconLink:hover { border-bottom: none }
.QuestionAnswers-answerAdd { margin-top: 40px; margin-bottom: 60px!important }
.QuestionAnswers-answers { margin-bottom: 10px }
.Answers-none { padding: 50px 0 }
.QuestionAnswers-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.QuestionAnswers-nav { display: inline-block; height: 50px; line-height: 50px }
.QuestionAnswers-nav:hover { cursor: pointer }
.QuestionAnswers-nav.is--active { border-bottom: 3px solid #0f88eb }
.QuestionAnswers-nav+.QuestionAnswers-nav { margin-left: 33px }
.CheckItem { position: relative; display: block }
.CheckItem-box { position: relative; padding: 12px; border: 1px solid #f7f8fa; border-radius: 3px; transition: border-color .2s ease-out }
.CheckItem-input { position: absolute; z-index: -1; opacity: 1 }
.CheckItem-icon { position: absolute; top: 50%; right: 12px; fill: #0f88eb; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.CheckItem-input:checked+.CheckItem-box, .CheckItem:hover .CheckItem-box { border-color: #175199 }
.CheckItem-input:checked+.CheckItem-box .CheckItem-inner { max-width: calc(100% - 28px) }
.CheckItem-input:not(:checked)+.CheckItem-box .CheckItem-icon { opacity: 0; transition: opacity .2s }
.TopicBios-loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 400px }
.TopicBioItem:not(:first-child) { margin-top: 16px }
.TopicBioItem .AuthorInfo { color: #555 }
.TopicBioItem-title { margin-bottom: 8px; color: #8590a6 }
.TopicBioItem-inner { padding: 12px; margin-bottom: 8px; border: 1px solid #175199; border-radius: 3px }
.TopicBioItem-modifyButton { margin-left: 6px; font-size: 14px; color: #8590a6 }
.TopicBioItem-modifyButton:hover { color: #175199 }
.TopicBioItem-input { width: 100%; height: auto; padding: 0; font-size: 14px }
.TopicBioItem-input, .TopicBioItem-input.is-focus { border: none }
.TopicBioItem-input .Input { height: auto; color: #555 }
.TopicBioItem-inputFooter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.TopicBioItem-actions { text-align: right }
.TopicBioItem-actions .Button:not(:first-child) { margin-left: 25px }
.TopicBioItem-addButton { height: 48px; padding: 0 12px; text-align: left; border: 1px solid #e7eaf1 }
.TopicBioItem-addButton:hover { border-color: #175199 }
.TopicBioItem-addButton .Icon { fill: currentColor }
.AnswerAdd-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 20px }
.AnswerAdd-info { overflow: hidden }
.AnswerAdd-toggleAnonymous { margin-left: auto; padding-left: 12px; -ms-flex-negative: 0; flex-shrink: 0 }
.AnswerAdd-toggleAnonymous:hover { color: #7a8599 }
.AnswerAdd-topicBiosButton { font-size: 14px; color: #8590a6 }
.AnswerAdd-topicBiosButton:hover { color: #175199 }
.AnswerAdd-bio { margin-right: 6px; color: #555; overflow: hidden; text-overflow: ellipsis }
.QuestionMainDivider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; margin: 0 20px; color: #8590a6; text-align: center }
.QuestionMainDivider:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 20px; display: block; border-top: 1px solid #ebeef5; content: "" }
.QuestionMainDivider a { color: #175199 }
.QuestionMainDivider a:hover { border-bottom: 1px solid rgba(62,122,194,.72) }
.QuestionMainDivider-inner { position: relative; padding: 0 1em; background: #fff }
.CollapsedAnswers-bar .Button:hover { color: #175199 }
.RelatedLives-title { padding: 0 16px }
.RelatedLives-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; clear: both; }
.RelatedLives-item:hover .RelatedLives-subject { color: #175199 }
.RelatedLives-item+.RelatedLives-item { margin-top: 10px }
.RelatedLives-avatar { float: left; margin-right: 8px }
.RelatedLives-subject { display: -webkit-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; color: #555; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float: left; width: 205px; }
.RelatedLives-meta { color: #8590a6 }
.RelatedLives-meta .Rating { margin-right: 4px }
.Topstory-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 1000px; padding: 0 16px; margin: 10px auto }
.Topstory-mainColumn { margin-right: 10px }
.RedeemCoupon-confirm { width: 220px }
.ContentLayout { width: 1000px; margin: 10px auto; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.ContentLayout-mainColumn { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; margin-right: 10px }
.ContentLayout-sideColumn { width: 296px }
.SimilarQuestions-title { padding: 0 16px }
.SimilarQuestions-item { font-size: 14px; line-height: 21px; color: #8590a6 }
.SimilarQuestions-item+.SimilarQuestions-item { margin-top: 10px }
.SimilarQuestions-item .Button { display: inline; color: #175199 }
.SimilarQuestions-item .Button:hover { border-bottom: 1px solid rgba(23,81,153,.72) }

/*΢ÐÅÓïÒô*/
.db { display: block; }
.weixinAudio { line-height: 1.5; width:80%;}
.audio_area { display: inline-block; width: 100%; vertical-align: top; margin: 0px 1px 0px 0; font-size: 0; position: relative; font-weight: 400; text-decoration: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }
.audio_wrp { border: 1px solid #ebebeb; background-color: #fcfcfc; overflow: hidden; padding: 0 10px; border-radius:5px;}
.audio_play_area { float: left; margin: 9px 22px 10px 5px; font-size: 0; width: 18px; height: 25px; }
.playing .audio_play_area .icon_audio_default { display: block; }
.audio_play_area .icon_audio_default { background: transparent url(../zhidao_files/iconloop.png) no-repeat 0 0; width: 18px; height: 25px; vertical-align: middle; display: inline-block; -webkit-background-size: 54px 25px; background-size: 54px 25px; background-position: -36px center; }
.audio_play_area .icon_audio_playing { background: transparent url(../zhidao_files/iconloop.png) no-repeat 0 0; width: 18px; height: 25px; vertical-align: middle; display: inline-block; -webkit-background-size: 54px 25px; background-size: 54px 25px; -webkit-animation: audio_playing 1s infinite; background-position: 0px center; display: none; }
.audio_area .pic_audio_default { display: none; width: 18px; }
.tips_global { color: #8c8c8c; }
.audio_area .audio_length { float: right; font-size: 14px; margin-top: 10px; margin-left: 1em; }
.audio_info_area { overflow: hidden; margin-top: 10px; }
.audio_area .audio_title { font-weight: 400; font-size: 17px; margin-top: -2px; margin-bottom: -3px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.audio_area .audio_source { font-size: 14px; }
.audio_area .progress_bar { position: absolute; left: 0; bottom: 0; background-color: #8c8c8c; height: 2px; }
.playing .audio_play_area .icon_audio_default { display: none; }
.playing .audio_play_area .icon_audio_playing { display: inline-block; }
 @-webkit-keyframes audio_playing {
 30% {
 background-position: 0px center;
}
 31% {
 background-position: -18px center;
}
 61% {
 background-position: -18px center;
}
 61.5% {
 background-position: -36px center;
}
 100% {
 background-position: -36px center;
}
}