button {
	padding: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

body,button,p,pre {margin: 0}

h1,h2,h3 {
	margin: 0;
	font: inherit
}

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(../image/icon1.jpg) no-repeat right center; float: right; height: 32px; width: 20px; border-style: none; cursor: pointer; }
.btnsearchover{ background: url(../image/icon1.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(../image/icon1.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(../image/icon1.gif) no-repeat
}

.GifPlayer.is-refreshed:after {
	background: url(../image/icon1.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: 14px;
	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(../image/icon1.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(../image/icon1.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%; min-width: 1032px; overflow: hidden; background: #fff; border-bottom: 1px solid #dfe2e6;z-index:10;}

.SearchBar-input {width: 326px;  display: block;  }

.AppHeader-inner { position: relative; width: 1000px; 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
}

.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: 2
}

.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;
	min-width: 1032px;
	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 {
	width: 1000px;
	padding: 0 16px;
	margin: 0 auto
}

.PageHeader .QuestionHeader-content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.QuestionHeader-main {
	width: 694px;
	padding-left: 20px;
	float:left;
}

.QuestionHeader-side {
	width: 260px;
	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;
	width: 1000px;
	height: 100%;
	padding: 0 16px;
	margin: 0 auto
}

.QuestionHeader-footer-inner,.QuestionHeader-footer-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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; 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; position: relative; clear: both; }

.Question-mainColumn {
	width: 694px;
	padding-bottom: 20px;
	float:left
}

.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)
}