.divshadows {
    display: none;
    height: 100%;
    width: 120%;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #8FB0D1;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 88888;
    filter: alpha(opacity=40);
    background: rgb(0,0,0);
    opacity: 0.3;
}
.filters {
    filter: blur(2px);
}

.divinfo {
    height:34px; line-height:34px;
}
.spanleftinfo {
    font-size:18px; 
}
.inputrightinfo {
    height:20px; padding:2px; line-height:20px;
}

.divalertclose{ position: absolute;top: 10px;right: 10px;height: 30px;width:30px;background-color: transparent;cursor: pointer;}

.divalertauto {
    background-color:white;
    display: none;
    z-index: 99999999999999999999999999999999;
    position: fixed;
    margin-left: -250px;
    width: 500px;
    left: 50%;
    overflow: hidden;
    top: 200px;
    border-radius: 3px;
    font-size: 16px;
    height: 300px;
    text-align: center;
}

.divshadowsalert{display:none;height:100%;width:120%;position:fixed;top:0;left:0px;right:0px;bottom:0px;background-color:#8FB0D1;-moz-opacity:0.8;opacity:0.8;z-index:1001;filter:alpha(opacity=40);background:rgb(0,0,0);opacity:0.5}
.divalerts{display:none;height:90%;position:relative;overflow-y:scroll;padding-bottom:50px;position:fixed;text-align:center;z-index:99999;border-radius:5px;width:1000px;background-color:white;top:30px;left:50%;margin-left:-500px}
.divalerts2{display:none;height:90%;position:relative;overflow-y:hidden;padding-bottom:0px;position:fixed;text-align:center;z-index:99999;border-radius:0px;width:90%;background-color:white;top:30px;left:50%;margin-left:-45%}
.divbottoms{clear:both;position:fixed;bottom:30px;height:60px;width:1000px;background-color:white;padding:8px;border-top:1px solid #ddd}
.divcontents{height:auto;margin-bottom:60px;padding:20px;padding-bottom:60px}
.divalerted {
    display: none;
    height: 300px;
    padding-bottom: 50px;
    position: fixed;
    text-align: center;
    z-index: 99999;
    border-radius: 5px;
    width: 600px;
    background-color: white;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -300px;
}

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;
}
.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;
}
.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: #ccd8e1;
}
    .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;
}
.Input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 34px;
    padding: 4px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background .2s,border .2s;
}
    .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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
}
input.Input {
    height: 24px;
}
.Input:not(input), input.Input {
    line-height: 24px;
}
.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;
}
.Input-after {
    position: absolute;
    top: 50%;
    right: 10px;
    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;
    margin: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.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;
    border-radius: 2px;
}
.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 {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 24px 32px;
    margin-top: 24px;
    font-size: 14px;
    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);
    }
.Menu {
    padding: 6px 0;
}
.Menu-item {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}
    .Menu-item.is-active {
        background: #f4f8fb;
    }
.Menu-item--noActive {
    cursor: default;
}
.Menu-divider {
    margin: 8px 0;
    border-bottom: 1px solid #ebeef5;
}
.AutoComplete-DefaultItem {
    line-height: 40px;
}
.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;
}
.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%);
    }
}
.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-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-video {
    margin: 16px 0;
}
.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;
}
    .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;
    }
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 .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: hidden;
    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;
    }
.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;
}
    .Login-switchType:hover {
        box-shadow: 0 1px 0 0 #175199;
    }
.Login-cannotLogin {
    float: right;
}
    .Login-cannotLogin:hover {
        color: #7a8599;
    }
.Login-footer {
    margin-top: 22px;
}
.Login-aboardPhone {
    display: inline-block;
    width: 47%;
    color: #8590a6;
    text-align: right;
    vertical-align: middle;
}
    .Login-aboardPhone 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;
    width: 47%;
    text-align: left;
    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;
}
.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-button:hover {
        font-weight: 500;
        background: 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;
}
.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;
}
.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 {
    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;
}
.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);
        }
.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;
}
.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%);
    }
}
.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;
}
.MobileModal {
    background: #fff;
}
.MobileModal-content--default {
    padding-top: 50px;
    padding-bottom: 60px;
}
.MobileModal-closeButton {
    position: fixed;
    top: 0;
    right: 0;
    padding: 16px 20px;
    z-index: 100;
}
.MobileModal-closeIcon {
    fill: #262626;
}
.MobileModal-title {
    font-weight: 500;
}
.MobileModal-title--default {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #e7eaf1;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    margin: 0;
    font-size: 16px;
    line-height: 48px;
}
.MobileModal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.65);
}
.MobileModal--plain {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 100;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 87.2%;
    box-shadow: 0 5px 20px 0 rgba(0,34,77,.5);
    border-radius: 2px;
    overflow: hidden;
}
.MobileModal-content--plain {
    padding: 16px 20px;
}
.MobileModal-title--plain {
    text-align: center;
    padding: 24px 20px 8px;
    font-size: 18px;
}
.MobileModal-subtitle {
    font-size: 14px;
    padding: 0 20px;
    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;
}
.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;
}
.Favlists-items {
    max-height: 236px;
    min-height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}
.Favlists-item, .Favlists-items {
    margin-bottom: 12px;
}
.Favlists-itemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.5;
}
.Favlists-itemContent {
    transition: opacity .2s;
}
.CheckItem-input:checked + .CheckItem-box .Favlists-itemContent {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.Favlists-add, .Favlists-itemName {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.Favlists-itemName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
    overflow: hidden;
}
.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 {
    position: relative;
    width: 72px;
    color: #8590a6;
    text-align: right;
    white-space: nowrap;
    transition: color .2s;
}
.Favlists-actions, .Favlists-addButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Favlists-addIcon {
    padding: 6px;
    margin: 0 8px 0 4px;
    fill: #fff;
    background-color: #cfd8e6;
    border-radius: 50%;
}
.Favlists-addItems {
    margin-bottom: 12px;
}
.Favlists-addItem {
    margin-bottom: 8px;
}
.Favlists-descritionInput, .Favlists-titleInput {
    width: 100%;
    background: none;
}
.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;
}
.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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.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;
}
.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;
}
.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: 500;
    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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzQsMSw0JyBjeD0nMzAnIGN5PSczMCcgcng9JzI2JyByeT0nMjYnPjwvZWxsaXBzZT4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDwvZz48L3N2Zz4=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAuNSIgY3g9IjMwIiBjeT0iMzAiIHJ4PSIyNiIgcnk9IjI2Ij48L2VsbGlwc2U+ICAgICAgICA8ZWxsaXBzZSBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PSc0LDEsNCcgY3g9JzMwJyBjeT0nMzAnIHJ4PScyNicgcnk9JzI2Jz4gICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDMwIDMwIiB0bz0iOTAgMzAgMzAiIGR1cj0iMC4zcyIvPiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjAuMyIgZmlsbD0iZnJlZXplIi8+ICAgICAgICA8L2VsbGlwc2U+ICAgIDwvZz4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDxwYXRoIGQ9Ik01NiwzMCBDNTYsMTUuNjQwNTk2NSA0NC4zNTk0MDM1LDQgMzAsNCIgaWQ9Ik92YWwtMi1Db3B5LTMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAiIGZpbGw9Im5vbmUiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMCIgdG89IjEiIGR1cj0iLjYiIGZpbGw9ImZyZWV6ZSIvPiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAzMCAzMCIgdG89IjM2MCAzMCAzMCIgZHVyPSIxLjYyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgIDwvcGF0aD48L3N2Zz4=) no-repeat;
    }
    .GifPlayer.is-refreshed:after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZWxsaXBzZSBmaWxsPSIjMjgyODI4IiBvcGFjaXR5PSIwLjQ1IiBjeD0iMzAiIGN5PSIzMCIgcng9IjMwIiByeT0iMzAiPjwvZWxsaXBzZT4gICAgPHBhdGggZD0iTTQxLjU1MjQ5OTcsMTguOTMwMTk5OCBDMzguNjQwMjQ5NywxNS44OTE3Njg0IDM0LjU0MTA0NzksMTQgMzAsMTQgQzIxLjE2MzQ0NCwxNCAxNCwyMS4xNjM0NDQgMTQsMzAgQzE0LDM4LjgzNjU1NiAyMS4xNjM0NDQsNDYgMzAsNDYgTDMwLDQ2IEMzNy44MTEwODczLDQ2IDQ0LjMxNDg1NDUsNDAuNDAyNjk3NSA0NS43MTkxNjUsMzMuMDAwMjI5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgIDxwYXRoIGQ9Ik00NS4xMDc4NjU0LDE2LjIzNjAwOTcgQzQ1LjU0NzkwMDMsMTUuOTA1OTgzNSA0NS45MDQ2MTkxLDE2LjA4NDc1NTggNDUuOTA0NjE5MSwxNi42MzU5ODkxIEw0NS45MDQ2MTkxLDIzLjY0MDg5OTggQzQ1LjkwNDYxOTEsMjQuMTkxODI4NSA0NS41NDcyNjAyLDI0LjM3MDQyNTIgNDUuMTA3ODY1NCwyNC4wNDA4NzkyIEw0MC43MDEzNzI4LDIwLjczNjAwOTcgQzQwLjI2MTMzNzksMjAuNDA1OTgzNSA0MC4yNjE5NzgsMTkuODcwNDI1MiA0MC43MDEzNzI4LDE5LjU0MDg3OTIgTDQ1LjEwNzg2NTQsMTYuMjM2MDA5NyBaIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICA8L2c+PC9zdmc+) 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-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;
    }
}
.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-meta .CommentTopbar-back {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
    }
        .CommentTopbar-meta .CommentTopbar-back:hover {
            color: #3e7ac2;
        }
        .CommentTopbar-meta .CommentTopbar-back .Icon {
            vertical-align: -2px;
            fill: currentColor;
        }
.CommentTopbar-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    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 {
    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;
    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;
}
.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;
    min-height: 74px;
    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;
}
.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;
}
    .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: #0b213f;
}
.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;
}
.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;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.SearchBar-input {
    width: 326px;
    transition: width .2s ease,background .3s ease;
}
.SearchBar-focusedInput {
    width: 400px;
}
.SearchBar-searchIcon {
    position: absolute;
    right: -11px;
    top: -17px;
    bottom: -17px;
    background: transparent;
    border: transparent;
    padding: 0 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    transition: fill .3s ease;
}
    .SearchBar-searchIcon .Icon {
        fill: #afbdcf;
    }
    .SearchBar-searchIcon:hover {
        background-color: transparent;
    }
.SearchBar-focusedSearchIcon .Icon {
    fill: #0f88eb;
}
.SearchBar-hasValueSearchIcon .Icon {
    fill: #fff;
}
.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;
    min-width: 1032px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid rgba(30,35,42,.06);
    box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
    background-clip: content-box;
}
    .AppHeader, .AppHeader.is-fixed {
        z-index: 100;
    }
.AppHeader-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    height: 52px;
    padding: 0 16px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.AppHeader.is-hidden .AppHeader-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.AppHeader-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    margin-right: 18px;
    margin-left: 27px;
    color: #999;
}
.AppHeader-navItem {
    padding: 0 15px;
    font-size: 15px;
    line-height: 30px;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AppHeader-messages, .AppHeader-notifications {
    margin-right: 40px;
}
.AppHeader-notification {
    margin-top: 50px;
}
.AppHeader-notificationUnblock {
    padding: 10px 25px;
    width: 680px;
    height: 74px;
    margin-left: -340px;
    line-height: 28px;
}
.AppHeader-login {
    margin-right: 16px;
}
.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;
    }
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: 30px;
    /*border: 1px solid #e7eaf1;*/
    padding-top: 0px;
    border-radius: 2px;
    /*box-shadow: 0 1px 3px rgba(0,37,55,.05);*/
    box-sizing: border-box;
}
.Card  a{color: #8590a6 !important}
    .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;
}
.Card-section {
    padding: 10px;
    position: relative;
    background-color: #fafafa;
}
    .Card-section:not(:last-child):after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 20px;
        display: block;
        content: "";
    }
.Footer {
    padding: 10px 0;
    font-size: 13px;
    line-height: 2;
    color: #8590a6;
}
.Footer-dot:after {
    margin: 0 5px;
    content: "\B7";
}
.Footer-item {
    display: inline-block;
}
a.Footer-item:hover {
    color: #175199;
    cursor: pointer;
}
.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: 500;
    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: 500;
}
.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: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
    .PageHeader:not(.is-shown) {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
.ProfileMain-avatar .Avatar {
    display: block;
    cursor: pointer;
}
.PageHeader .ProfileMain-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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;
}
.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: 500;
    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;
    font-weight: 400;
    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;
}
.Profile-activities .ContentItem-title, .Profile-answers .ContentItem-title {
    font-weight: 500;
}
.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;
}
    .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--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-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;
}
.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";
    }
.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-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-filteredContent {
    padding: 16px;
    margin: 16px 0 18px;
    background: #e6ebf2;
    border-radius: 4px;
}
.AnswerItem-filterReason {
    font-size: 15px;
    line-height: 26px;
    color: #262626;
}
.AnswerItem-filterTitle {
    font-size: 14px;
    line-height: 26px;
    color: #8590a6;
}
.AnswerItem-filterLink {
    border-bottom: 1px solid #8590a6;
}
    .AnswerItem-filterLink:active, .AnswerItem-filterLink:hover {
        color: #175199;
        border-bottom: 1px solid #175199;
    }
.AnswerItem-complaintLink {
    color: #4c8bbf;
}
    .AnswerItem-complaintLink:hover {
        color: #175199;
    }
.AnswerItem-complaintIcon {
    position: relative;
    top: -1px;
}
.AnswerItem-status {
    padding: 16px;
    margin: 6px 0;
    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 .VoteButton {
        line-height: 28px;
    }
    .Mobile-body .AnswerItem .ContentItem-actions .AnswerItem-mainAction {
        margin-right: 12px;
        padding: 0 10px;
        line-height: 28px;
        font-size: 12px;
    }
.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;
}
.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: 15px;
    line-height: 25px;
}
.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: 500;
}
.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-wrapper {
    position: relative;
    background: #fff;
    border: 1px solid #f0f2f7;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0,34,77,.1);
}
    .Invitees-wrapper:after, .Invitees-wrapper:before {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 3;
        width: 0;
        height: 0;
        margin: auto;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-radius: 1px;
        content: "";
    }
    .Invitees-wrapper:before {
        top: -8px;
        border-bottom: 8px solid #f0f2f7;
    }
    .Invitees-wrapper:after {
        top: -7px;
        border-bottom: 8px solid #fff;
    }
.Invitees {
    max-height: 383px;
    overflow-y: auto;
}
.Invitees-popover {
    padding-top: 10px;
}
.Invitees-toggler {
    font-size: 16px;
    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: 500;
}
.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: 500;
        color: #3f3f3f;
    }
.QuestionStatus-bar-inner {
    width: 1000px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
}
.QuestionStatus-bar-commercialMuted {
    font-weight: 500;
    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: 200px;
    margin-left: auto;
}
    .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;
    }
}
.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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    height: 100%;
    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;
    box-sizing: border-box;
}
.QuestionHeader-side {
    width: 296px;
    padding-right: 20px;
    text-align: right;
}
.QuestionHeader-topics {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    padding: 1px 0;
}
    .QuestionHeader-topics, .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol {
        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;
    }
        .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol .QuestionHeader-brandQuestionIcon {
            border-left: 4px solid #0f88eb;
            padding-left: 5px;
            line-height: 16px;
            font-size: 13px;
            color: #1e1e1e;
        }
        .QuestionHeader-topics .QuestionHeader-brandQuestionSymbol .QuestionHeader-divider {
            margin-left: 16px;
            margin-right: 17px;
            border-left: 1px solid #e7eaf1;
            height: 24px;
            background: #e7eaf1;
        }
        .QuestionHeader-topics .QuestionTopic {
            margin: 3px 5px 3px 0;
            vertical-align: middle;
        }
        .QuestionHeader-topics .Button {
            margin-left: 12px;
            vertical-align: middle;
        }
.QuestionHeader-title {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 400;
    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-brandQuestionIntro {
    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;
    margin-top: 12px;
    margin-bottom: 14px;
    font-size: 15px;
    color: #8590a6;
}
    .QuestionHeader-brandQuestionIntro img {
        border-radius: 28px;
        width: 28px;
        height: 28px;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-brandName {
        margin: 0 8px;
        color: #175199;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-dot {
        margin: 0 4px;
    }
    .QuestionHeader-brandQuestionIntro .QuestionHeader-link {
        text-decoration: underline;
    }
        .QuestionHeader-brandQuestionIntro .QuestionHeader-link:hover {
            color: #175199;
        }
.QuestionHeader-detail {
    min-height: 10px;
}
.QuestionHeader-footer {
    padding-bottom: 12px;
    margin-top: 4px;
    margin-bottom: -12px;
    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-org {
    height: 60px;
    margin-top: 16px;
    margin-bottom: -16px;
    border-top: 1px solid rgba(0,34,77,.05);
}
.QuestionHeader-org-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    padding: 0 16px;
    margin: 0 auto;
}
.QuestionHeader-org-inner, .QuestionHeader-org-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.QuestionHeader-org-main {
    font-size: 14px;
    color: #8590a6;
}
.QuestionHeader-org-avatar {
    margin-right: 12px;
}
    .QuestionHeader-org-avatar .Avatar, .QuestionHeader-org-avatar .Popover, .QuestionHeader-org-avatar .UserLink {
        display: block;
    }
.QuestionHeader-org-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
    .QuestionHeader-org-name .UserLink {
        font-weight: 500;
        color: #555;
    }
.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;
}
.Question-mainColumn {
    width: 694px;
    padding-bottom: 20px;
}
.Question-sideColumn {
    width: 296px;
}
.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;
    }
.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 {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #555;
    text-align: left;
    border-top: 1px solid #e7eaf1;
    border-bottom: 1px solid #e7eaf1;
}
    .CollapsedAnswers-bar:not(:last-child) {
        margin-bottom: 14px;
    }
    .CollapsedAnswers-bar .Button {
        color: inherit;
    }
        .CollapsedAnswers-bar .Button:hover {
            color: #175199;
        }
.Banner {
    position: relative;
    overflow: hidden;
    transition: height .3s,margin .3s,opacity .3s;
}
.Banner--hidden {
    margin-bottom: 0;
    opacity: 0;
}
.Banner-link {
    display: block;
}
.Banner-image {
    display: block;
    width: 100%;
}
.Banner-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: opacity .3s;
}
    .Banner-close, .Banner-close:hover {
        background-color: #000;
    }
        .Banner-close .Icon {
            display: block;
            margin: 0 auto;
            fill: #fff;
        }
.Banner:not(:hover) .Banner-close {
    opacity: 0;
}
.AppBanner-link {
    display: block;
}
.AppBanner-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
}
.AppBanner-qrcode {
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
    .AppBanner-qrcode svg {
        display: block;
        width: 100%;
        height: 100%;
    }
.AppBanner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.AppBanner-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #333;
}
.AppBanner-description {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #3f3f3f;
}
.AppBanner-sticky {
    height: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s,visibility .3s;
}
    .AppBanner-sticky:not(.is-shown) {
        opacity: 0;
        visibility: hidden;
    }
.Recommendations-title {
    padding: 0 16px;
}
.Recommendations-item {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .Recommendations-item + .Recommendations-item {
        margin-top: 12px;
    }
    .Recommendations-item .Button {
        display: inline;
        color: #175199;
    }
        .Recommendations-item .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.SimilarQuestions-title {
    padding: 0 16px;
}
.SimilarQuestions-item {
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
}
    .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);
        }
.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;
}
    .RelatedLives-item:hover .RelatedLives-subject {
        color: #175199;
    }
    .RelatedLives-item + .RelatedLives-item {
        margin-top: 10px;
    }
.RelatedLives-avatar {
    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;
}
.RelatedLives-meta {
    color: #8590a6;
}
    .RelatedLives-meta .Rating {
        margin-right: 4px;
    }
.Rating {
    display: inline-block;
}
.BrandQuestionDesc-content, .BrandQuestionDesc-header {
    padding-left: 12px;
    padding-right: 12px;
}
.BrandQuestionDesc-content {
    font-size: 14px;
    line-height: 24px;
}
.BrandQuestionDesc-learnMore {
    font-size: 14px;
    color: #9aaabf;
}
.BrandQuestionAuthor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
    .BrandQuestionAuthor.is-clickable {
        cursor: pointer;
    }
.BrandQuestionAuthor-content, .BrandQuestionAuthor-header {
    padding-left: 12px;
    padding-right: 12px;
}
.BrandQuestionAuthor-icon {
    width: 60px;
    height: 60px;
    border: 1px solid #f8f9fa;
    border-radius: 4px;
    box-sizing: border-box;
}
.BrandQuestionAuthor-content {
    width: calc(100% - 72px);
    margin-left: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.BrandQuestionAuthor-content, .BrandQuestionAuthor-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.BrandQuestionAuthor-name {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #1e1e1e;
}
.BrandQuestionAuthor-badge {
    margin-left: 3px;
    vertical-align: baseline;
}
.BrandQuestionAuthor-intro {
    width: 100%;
    height: 28px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
    color: #262626;
    text-overflow: ellipsis;
}
.BrandQuestionAuthor-buttons {
    margin: 0 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}
    .BrandQuestionAuthor-buttons .Button {
        width: 119px;
    }
.MobileBrandQuestionAuthor .BrandQuestionAuthor-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0;
}
    .MobileBrandQuestionAuthor .BrandQuestionAuthor-header:after {
        content: "";
        display: block;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 20px;
        border-bottom: 1px solid #e7eaf1;
    }
.MobileBrandQuestionAuthor .BrandQuestionAuthor-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    top: -3px;
}
.Mobile-body .BrandQuestionAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
    .Mobile-body .BrandQuestionAuthor-buttons .Button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
        .Mobile-body .BrandQuestionAuthor-buttons .Button + .Mobile-body .BrandQuestionAuthor-buttons .Button {
            margin-left: 16px;
        }
.QuestionAnswer-content {
    padding: 16px 20px;
}
.MoreAnswers .List-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0;
}
    .MoreAnswers .List-header:after {
        position: absolute;
        content: "";
        display: block;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 20px;
        border-bottom: 1px solid #ebeef5;
    }
.MoreAnswers .List-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    top: -3px;
    color: #8590a6;
    font-weight: 400;
}
.AnswerAuthor .Card-section:empty {
    display: none;
}
.AnswerAuthor-title {
    padding: 0 16px;
}
.AnswerAuthor-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AnswerAuthor-user-avatar {
    margin-right: 12px;
}
    .AnswerAuthor-user-avatar .Avatar, .AnswerAuthor-user-avatar .Popover, .AnswerAuthor-user-avatar .UserLink {
        display: block;
    }
.AnswerAuthor-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
.AnswerAuthor-user-headline, .AnswerAuthor-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AnswerAuthor-user-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #1e1e1e;
}
.AnswerAuthor-user-headline {
    font-size: 14px;
    line-height: 20px;
}
    .AnswerAuthor-user-headline .RichText {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.AnswerAuthor-item {
    font-size: 14px;
    line-height: 24px;
}
    .AnswerAuthor-item + .AnswerAuthor-item {
        margin-top: 12px;
    }
.AnswerAuthor-item-icon {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    text-align: center;
}
.AnswerAuthor-item-value {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
.AnswerAuthor-counts {
    font-size: 14px;
    text-align: center;
}
.AnswerAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
}
    .AnswerAuthor-buttons .Button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
.AnswerFavlists {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.AnswerFavlists, .AnswerFavlists-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.AnswerFavlists-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerFavlists-title {
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
}
.AnswerFavlists-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.AnswerCopyrightApplicants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.AnswerCopyrightApplicants-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: 57px;
    padding: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerCopyrightApplicants-title {
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
}
.AnswerCopyrightApplicants-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.AnswerCopyrightApplicants-item {
    padding: 16px 0;
    margin: 0 24px;
    border-bottom: 1px solid #f0f2f7;
}
.AnswerCopyrightApplicants-time {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    color: #8590a6;
}
.AnswerInfo-title {
    padding: 0 16px;
}
    .AnswerInfo-title .Button {
        font-size: inherit;
        color: #175199;
    }
        .AnswerInfo-title .Button:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-copyright-applicants {
    padding: 16px;
    margin: 0;
}
.AnswerInfo-copyright-applicant {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .AnswerInfo-copyright-applicant + .AnswerInfo-copyright-applicant {
        margin-top: 12px;
    }
    .AnswerInfo-copyright-applicant .UserLink a {
        color: #175199;
    }
        .AnswerInfo-copyright-applicant .UserLink a:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-favlists {
    padding: 4px 16px;
    margin: 0;
}
.AnswerInfo-favlist {
    position: relative;
    padding: 12px 0;
    font-size: 14px;
    line-height: 24px;
    color: #8590a6;
}
    .AnswerInfo-favlist:not(:first-child) {
        border-top: 1px solid #f0f2f7;
    }
    .AnswerInfo-favlist a {
        display: inline;
        color: #175199;
    }
        .AnswerInfo-favlist a:hover {
            border-bottom: 1px solid rgba(23,81,153,.72);
        }
.AnswerInfo-title {
    font-weight: 500;
}
.AnswerInfo-favlist-title {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AnswerInfo-favlist-followers {
    position: absolute;
    top: 12px;
    right: 0;
}
.TopstoryHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 58px;
    padding: 0 20px;
}
    .TopstoryHeader a {
        text-decoration: none;
    }
.TopstoryHeader-rightItem {
    color: #8590a6;
    transition: color .2s ease-in;
}
    .TopstoryHeader-rightItem:hover {
        color: #175199;
    }
.TopstoryHeader-navItem {
    display: inline-block;
    transition: color .2s ease-in;
    font-size: 16px;
    color: #262626;
}
    .TopstoryHeader-navItem .Icon {
        margin-right: 8px;
    }
    .TopstoryHeader-navItem:hover {
        color: #175199;
        cursor: pointer;
    }
    .TopstoryHeader-navItem + .TopstoryHeader-navItem {
        margin-left: 40px;
    }
.LiveCourseItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px;
}
    .LiveCourseItem-cover img {
        width: 100%;
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.EventcardItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px;
}
    .EventcardItem-cover img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.EventcardItem-content {
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
}
.Feed .ColumnItem-meta, .Feed .RoundtableItem-meta {
    margin-top: 12px;
}
.Feed-title {
    margin-bottom: 14px;
}
.Feed-meta {
    color: #8590a6;
    line-height: 1;
}
.Feed-meta-item:not(:first-child):before {
    margin: 0 5px;
    content: "\B7";
}
.Feed-meta-author + .ContentItem {
    margin-top: 14px;
}
.AuthorInfo .Feed-meta {
    margin-top: 1px;
    margin-left: 6px;
    line-height: 1.1;
    font-size: 15px;
}
.ActionCard-topic {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px 4px;
    text-align: center;
    width: 160px;
    box-sizing: border-box;
}
    .ActionCard-topic:not(:first-child):after {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -43px;
        display: block;
        content: "";
        height: 86px;
        width: 1px;
        background-color: #e7eaf1;
    }
.ActionCard-topic-name {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ActionCard-topic-reason {
    margin-top: 10px;
    color: #8590a6;
    margin-bottom: 16px;
    font-size: 14px;
}
.ActionCard-topic-button {
    height: 24px;
    line-height: 24px!important;
    font-size: 13px;
    width: 96px;
}
.ActionCard-dot:after {
    margin: 0 5px;
    content: "\B7";
}
.ActionCard-title {
    color: #8590a6;
    margin-right: 8px;
}
.Advert-head {
    margin-bottom: 10px;
}
.Advert-content {
    margin-top: 10px;
}
.Advert-brand, .Advert-content--cover, .Advert-content--question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.Advert-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6;
    line-height: 24px;
}
.Advert-brand-name {
    margin-left: 12px;
}
.Advert-brand-name--hasExtra {
    color: #262626;
    font-weight: 700;
}
.Advert-cover {
    display: block;
    position: relative;
    margin-top: 12px;
    width: 100%;
    height: 150px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
    .Advert-cover img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
.Advert--card-cover {
    width: 200px;
    height: 112px;
    margin-top: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #96a1a9;
    vertical-align: top;
}
.Advert--card-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    line-height: 24px;
}
.Advert-account-inner {
    width: 100%;
    border: 1px solid #e7eaf1;
    border-radius: 3px;
    color: #555;
}
.Advert-account-cover {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    vertical-align: top;
}
    .Advert-account-cover:not(img) {
        background: #96a1a9;
        padding-top: 24%;
    }
.Advert-account-body {
    padding: 8px 12px 16px;
    line-height: 1.6;
}
.Advert-account-user {
    position: relative;
    padding-left: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.Advert-account-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
}
    .Advert-account-user-content .RichText {
        margin-top: 4px;
    }
.Advert-account-user-link {
    font-size: 20px;
}
.Advert-account-user-avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 2px solid #fff;
}
.Advert-account-description {
    line-height: 27px;
    margin-top: 12px;
}
    .Advert-account-description span, .Advert-meta {
        color: #8590a6;
    }
.Advert-meta {
    margin-bottom: 14px;
    line-height: 23px;
}
.Advert-title {
    font-size: 18px;
    font-weight: 700;
    color: #262626;
}
.Advert-description {
    line-height: 27px;
    margin-top: 6px;
}
.Advert-button {
    display: inline-block;
    color: #8590a6;
    font-size: 14px;
    padding: 0 3px;
}
    .Advert-button .Icon {
        margin-left: 4px;
        vertical-align: -1px;
    }
.TopstoryItem {
    position: relative;
    padding: 16px 20px;
}
    .TopstoryItem:hover .TopstoryItem-rightButton {
        opacity: 1;
    }
    .TopstoryItem .Button:not(.Button--plain):not(.Button--link) {
        line-height: 30px;
        padding: 0 12px;
    }
.TopstoryItem-rightButton {
    position: absolute;
    top: 12px;
    right: 16px;
    opacity: 0;
    transition: opacity .3s;
}
    .TopstoryItem-rightButton.Popover {
        background: #f7f8fa;
        border-radius: 3px;
        padding: 3px 6px;
        opacity: 1;
    }
.TopstoryItem-actionButton {
    position: absolute;
    top: 20px;
    right: 24px;
}
    .TopstoryItem-actionButton.is-active {
        color: #175199;
    }
.TopstoryItem-advertButton {
    font-size: 13px;
}
    .TopstoryItem-advertButton .Icon {
        margin-left: 6px;
    }
.TopstoryItem-uninterestTitle {
    font-weight: 500;
}
.TopstoryItem-uninterestTag {
    margin-top: 12px;
}
    .TopstoryItem-uninterestTag:not(:last-child) {
        margin-right: 16px;
    }
    .TopstoryItem-uninterestTag.is-active {
        background: #2d84cc;
        border: 1px solid #2d84cc;
        color: #fff;
    }
.TopstoryItem-menuItem {
    line-height: 36px;
    font-size: 14px;
    color: #8590a6;
}
.TopstoryMain {
    width: 694px;
    padding-bottom: 20px;
}
.TopstorySideBar-categoryList {
    margin: 20px 0;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.TopstorySideBar-categoryItem {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
    .TopstorySideBar-categoryItem .Button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        cursor: pointer;
        color: currentColor;
    }
    .TopstorySideBar-categoryItem a:hover .TopstorySideBar-categoryLabel {
        color: currentColor;
    }
.TopstorySideBar-categoryLabel {
    font-size: 15px;
    color: #8590a6;
}
.TopstorySideBar-categoryIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}
    .TopstorySideBar-categoryIcon .Icon {
        fill: currentColor;
    }
.TopstorySideBar-categoryBadge {
    position: absolute;
    left: 52%;
    top: 0;
    font-size: 11px;
    padding: 0 4px;
    border: 2px solid currentColor;
    border-radius: 20px;
    color: #fff;
}
.TopstorySideBar-liveItem {
    color: #ffcf00;
}
    .TopstorySideBar-liveItem .TopstorySideBar-categoryBadge {
        background-color: #ffcf00;
    }
.TopstorySideBar-pubItem {
    color: #43d480;
}
    .TopstorySideBar-pubItem .TopstorySideBar-categoryBadge {
        background-color: #43d480;
    }
.TopstorySideBar-orgItem {
    color: #0084ff;
}
    .TopstorySideBar-orgItem .TopstorySideBar-categoryBadge {
        background-color: #0084ff;
    }
.TopstorySideBar-editItem {
    color: #0f88eb;
}
    .TopstorySideBar-editItem .TopstorySideBar-categoryBadge {
        background-color: #0f88eb;
    }
.TopstorySideBar-infinityItem {
    color: #5478f0;
}
.TopstorySideBar-indexItem {
    color: #fd9727;
}
    .TopstorySideBar-indexItem .TopstorySideBar-categoryBadge {
        background-color: #fd9727;
    }
.TopstorySideBar-navList {
    width: 100%;
    padding: 8px 0;
}
.TopstorySideBar-navItem .Button {
    padding: 0 15px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    .TopstorySideBar-navItem .Button:hover {
        background: #f4f8fb;
    }
.TopstorySideBar-navIcon {
    width: 15px;
}
.TopstorySideBar-navLink {
    text-align: left;
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.TopstorySideBar-navNumber {
    padding: 6px 10px;
    border-radius: 2px;
    background: #f7f8fa;
    color: #8590a6;
    font-size: 10px;
}
.TopstorySideBar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
}
    .TopstorySideBar .Footer {
        padding: 0;
    }
.TopstoryPrelude-users {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.TopstoryPrelude-field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .TopstoryPrelude-field .Input-wrapper {
        width: 320px;
        margin-right: 20px;
    }
    .TopstoryPrelude-field .Input {
        line-height: 26px;
    }
.TopstoryPrelude-fieldTips {
    position: absolute;
    top: 50px;
    right: 85px;
    color: #f75659;
}
.TopstoryPrelude-users {
    margin: 65px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.TopstoryPrelude-intro {
    margin-bottom: 45px;
    color: #565d68;
    font-size: 16px;
}
.TopstoryPrelude-user {
    position: relative;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.TopstoryPrelude-avatar {
    margin-right: 16px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.TopstoryPrelude-userBio {
    color: #666;
}
.TopstoryPrelude-userList {
    width: 100%;
    overflow: hidden;
}
.TopstoryPrelude-userId--0 {
    margin-left: -190px;
}
.TopstoryPrelude-userId--1 {
    margin-left: 60px;
}
.TopstoryPrelude-userId--2 {
    margin-left: -280px;
}
.TopstoryPrelude-userId--3 {
    margin-left: 34px;
}
.TopstoryPrelude-userId--4 {
    margin-left: -190px;
}
.TopstoryPrelude-userId--5 {
    margin-left: -34px;
}
.TopstoryTopics-hint {
    padding: 40px 0 160px;
    text-align: center;
    color: #999;
}
.TopstoryTopics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 14px;
    min-height: 80vh;
}
.TopstoryTopics-item {
    width: 20%;
    box-sizing: border-box;
    padding: 14px;
    cursor: pointer;
}
.TopstoryTopics-itemWrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.TopstoryTopics-itemMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.6));
}
    .TopstoryTopics-itemMask:hover {
        opacity: .6;
    }
.TopstoryTopics-itemPic {
    width: 100%;
    display: block;
}
.TopstoryTopics-itemLabel {
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;
    color: #fff;
}
.TopstoryTopics-selectItem {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    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;
    opacity: .6;
    background: #fff;
}
    .TopstoryTopics-selectItem.is--selected {
        opacity: 1;
        background: #1cbf72;
    }
        .TopstoryTopics-selectItem.is--selected .Icon {
            fill: #fff;
        }
.TopstoryGuide-onStage {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background-color: hsla(0,0%,100%,.96);
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.08);
}
    .TopstoryGuide-onStage .Button {
        padding: 6px 24px;
        font-size: 18px;
    }
.TopstoryGuide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    overflow: auto;
    width: 100%;
    height: 100%;
    min-width: 500px;
    border: 0;
    border-radius: 0;
    overflow-x: hidden;
    color: #444;
    background: hsla(0,0%,100%,.95);
}
.TopstoryPrelude, .TopstoryTopics {
    -webkit-animation: .3s fadeInUp ease-in;
    animation: .3s fadeInUp ease-in;
}
.TopstoryGuide-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.TopstoryGuide-container, .TopstoryGuide-header {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.TopstoryGuide-container {
    margin-top: 40px;
}
.TopstoryGuide-title {
    margin: 40px 0 20px;
    font-size: 24px;
    font-weight: 400;
}
.TopstoryGuide-subtitle {
    color: #999;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.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;
}
.BrandQuestionIntroModule {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 100px;
    width: 1000px;
}
.BrandQuestionIntroModule--noneTitle {
    margin-top: 50px;
}
.BrandQuestionIntroModule-title {
    font-size: 28px;
}
.BrandQuestionIntroModule-divider {
    margin: 20px auto;
    border-top: 2px solid #0f88eb;
    width: 40px;
    height: 0;
}
.BrandQuestionIntroModule-subTitle {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 670px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.BrandQuestionIntroModule-content {
    margin-top: 50px;
}
@media (max-width:690px) {
    .BrandQuestionIntroModule {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 24px;
    }
    .BrandQuestionIntroModule-title {
        font-size: 18px;
    }
    .BrandQuestionIntroModule-divider {
        margin: 12px auto;
    }
    .BrandQuestionIntroModule-subTitle {
        font-size: 12px;
        width: 100%;
        line-height: 20px;
    }
    .BrandQuestionIntroModule-content {
        width: 100%;
        margin-top: 24px;
    }
}
.page-brandQuestionIntro .AppHeader {
    display: none;
}
.BrandQuestionIntro {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.BrandQuestionIntro-header {
    width: 100%;
}
.BrandQuestionIntro-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.BrandQuestionIntro-introList {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.BrandQuestionIntro-introItem, .BrandQuestionIntro-introList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}
.BrandQuestionIntro-introItem {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    width: 238px;
    box-shadow: 0 5px 20px 0 rgba(0,34,77,.1);
}
    .BrandQuestionIntro-introItem + .BrandQuestionIntro-introItem {
        margin-left: 16px;
    }
.BrandQuestionIntro-introTitle {
    margin-top: 45px;
    line-height: 15px;
    font-size: 18px;
    color: #333;
}
.BrandQuestionIntro-introDescs {
    margin-bottom: 45px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 17px;
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
}
.BrandQuestionPreview--landing {
    margin-left: -28px;
    margin-right: -20px;
    width: 1048px;
}
.BrandQuestionPreview--flow {
    margin-left: -20px;
    margin-right: -20px;
    width: 1040px;
}
.BrandQuestionIntro-howToStart {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
}
.BrandQuestionIntro-email {
    color: #175199;
}
.BrandQuestionIntro-qaList {
    width: 800px;
    line-height: 28px;
    font-size: 15px;
}
.BrandQuestionIntro-qaItem + .BrandQuestionIntro-qaItem {
    margin-top: 50px;
}
.BrandQuestionIntro-qaTitle {
    color: #1e1e1e;
}
.BrandQuestionIntro-qaAnswer {
    margin-top: 8px;
    color: #8590a6;
}
    .BrandQuestionIntro-qaAnswer ol {
        margin-left: 16px;
    }
    .BrandQuestionIntro-qaAnswer li {
        list-style-type: decimal;
    }
.BrandQuestionIntro-footer {
    margin-top: 110px;
    width: 100%;
    height: 110px;
    line-height: 110px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #000;
}
@media (max-width:690px) {
    .BrandQuestionIntro-introList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .BrandQuestionIntro-content {
        padding: 0 16px;
    }
    .BrandQuestionIntro-introItem {
        width: 100%;
        box-shadow: 0 5px 20px 0 rgba(0,34,77,.07);
    }
        .BrandQuestionIntro-introItem + .BrandQuestionIntro-introItem {
            margin-left: 0;
            margin-top: 12px;
        }
    .BrandQuestionIntro-introTitle {
        font-size: 16px;
        margin-top: 40px;
        font-weight: 700;
    }
    .BrandQuestionIntro-introDescs {
        margin-top: 12px;
        margin-bottom: 40px;
        font-size: 12px;
        line-height: 20px;
    }
    .BrandQuestionIntro-howToStart p {
        font-size: 14px;
    }
    .BrandQuestionIntro-howToStart .BrandQuestionIntroModule-content {
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .BrandQuestionIntro-qaList {
        width: 100%;
    }
    .BrandQuestionIntro-qaQuestion {
        font-size: 14px;
        color: #1e1e1e;
        letter-spacing: 0;
        line-height: 28px;
        font-weight: 700;
    }
    .BrandQuestionIntro-qaAnswer {
        font-size: 12px;
        line-height: 22px;
    }
    .BrandQuestionIntro-qaItem + .BrandQuestionIntro-qaItem {
        margin-top: 12px;
    }
    .BrandQuestionIntro-footer {
        margin-top: 80px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }
}