.icon-ic_search {
    position: absolute;
    width: 18px;
    height: 18px;
    color: #c5c8d1;
    margin-left: 16px
}
.icon-ic_arrow {
    width: 18px;
    height: 10px;
    color: #c5c8d1;
    margin-left: 5px;
    position: relative
}
.icon-ic_user {
    width: 16px;
    height: 16px;
    color: #828993;
    margin-right: 8px
}
.icon-ic_arrow_up {
    color: #fff;
    font-size: 1.8rem
}
.icon-ic_asking {
    color: #fb5577;
    font-size: 2rem
}
.icon-ic_grade {
    width: 8px;
    height: 8px;
    color: #fff;
    padding: 4px
}
.icon-ic_phone_min {
    width: 12px;
    height: 12px;
    color: #c5c8d1;
    margin-right: 6px
}
.icon-ic_rating {
    width: 14px;
    height: 13px;
    color: #ffb54c
}
.icon-ic_hospital_placehol {
    width: 28px;
    height: 28px;
    color: #d0d3d9;
    padding: 11px
}
.icon-ic_arrow_dauble {
    width: 16px;
    height: 10px;
    padding-bottom: 1px;
    color: #828993
}
.common-navbar {
    background-color: #444c57;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}
.common-navbar, .common-navbar-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}
.common-navbar-inner {
    width: 1180px;
    max-width: 1180px
}
.common-navbar-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.common-navbar-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.common-navbar li {
    cursor: pointer
}
.common-navbar li a:hover {
    color: #fb5577
}
.common-navbar-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}
.common-navbar-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}
.common-navbar-item:after {
    content: "";
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #c5c8d1;
    margin: 0 15px
}
.common-navbar-item:last-child:after {
    display: none
}
.common-navbar-item a {
    color: #c5c8d1;
    font-size: 1.3rem;
    font-family: MicrosoftYaHeiUI
}
.common-navbar-dropdown {
    position: absolute;
    display: none!important;
    bottom: -180px;
    left: -10px;
    width: 130px;
    background-color: #fff;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0 2px 3px 0 hsla(215,9%,63%,.1);
    box-shadow: 0 2px 3px 0 hsla(215,9%,63%,.1);
    border: 1px solid #e8e9eb;
    border-radius: 4px;
    padding: 10px 0
}
.common-navbar-dropdown li {
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px
}
.common-navbar-dropdown li:hover {
    background-color: #f2f3f5
}
.common-navbar-dropdown li a {
    color: #444c57;
    width: 100%;
    text-align: left
}
.common-navbar-dropdown li a:hover {
    color: #fb5577
}
.common-navbar-dropdown.show {
    display: block!important
}
.common-navbar-dropdown:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 13px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.common-navbar-dropdown.user-status {
    bottom: -100px
}
.common-navbar-login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.common-navbar-login li:after {
    margin: 0 8px
}
.common-navbar-has-logged {
    max-width: 220px
}
.common-navbar-has-logged a {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}
.common-navbar-not-loggedin {
    display: -ms-flexbox;
    display: flex
}
.common-navbar .icon-ic_arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.navbar {
    -webkit-box-shadow: 0 1px 0 0 #e8e9eb;
    box-shadow: 0 1px 0 0 #e8e9eb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.navbar, .navbar-container {
    width: 100%;
    background-color: #fff
}
.navbar.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0
}
.navbar-for-fixed {
    height: 96px
}
.navbar-inner {
    width: 1180px;
    max-width: 1180px
}
.navbar-top {
    padding: 25px 0
}
.navbar-bottom, .navbar-top {
    display: -ms-flexbox;
    display: flex
}
.navbar-bottom {
    height: 52px;
    position: relative
}
.navbar-bottom.center {
    -ms-flex-pack: center;
    justify-content: center
}
.navbar-logo {
    width: 130px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: 150px
}
.navbar-logo-pic {
    width: 129px;
    height: 40px;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100%
}
.navbar-search {
    width: 680px;
    height: 46px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 hsla(215,9%,63%,.05);
    box-shadow: 0 2px 1px 0 hsla(215,9%,63%,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.navbar-search.focus {
    -webkit-box-shadow: 0 2px 3px 0 hsla(215,9%,63%,.1);
    box-shadow: 0 2px 3px 0 hsla(215,9%,63%,.1)
}
.navbar-search-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.navbar-search-input {
    display: inline-block;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    text-indent: 42px;
    border: 1px solid #e8e9eb;
    font-size: 1.4rem;
    height: 44px;
    line-height: 44px
}
.navbar-search-input::-moz-placeholder, .navbar-search-input::-webkit-input-placeholder {
color:#99a0aa
}
.navbar-search-btn {
    width: 128px;
    height: 46px;
    font-size: 1.4rem
}
.navbar-items {
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}
.navbar-items, .navbar-items ul {
    display: -ms-flexbox;
    display: flex
}
.navbar-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.6rem;
    margin-right: 36px
}
.navbar-item a {
    color: #444c57
}
.navbar-item a:hover {
    color: #fb5577
}
.quick-navbar {
    width: 280px;
    height: 604px;
    border-radius: 4px;
    background-color: #444c57;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}
.quick-navbar-title {
    height: 52px;
    color: #fff;
    font-size: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 24px
}
.quick-navbar-title-text {
    margin-left: 10px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 20px
}
.quick-navbar-content {
    position: relative;
    height: 552px
}
.quick-navbar-box-title {
    font-size: 1.6rem;
    padding: 12px 0 8px 24px;
    color: #c5c8d1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.quick-navbar-box-title-section {
    margin-left: 8px
}
.quick-navbar-box-content {
    position: relative;
    font-size: 1.4rem
}
.quick-navbar-box-content ul {
    display: -ms-flexbox;
    display: flex;
    padding-left: 48px;
    border-left: 4px solid #444c57
}
.quick-navbar-box-content ul:hover {
    background-color: hsla(214,7%,44%,.4);
    border-color: #fb5577
}
.quick-navbar-box-content li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 10px 0
}
.quick-navbar-box-content li a {
    color: #c5c8d1;
    line-height: 1.5
}
.quick-navbar-box-content .section-content {
    color: #c5c8d1
}
.quick-navbar-sidebar {
    position: absolute;
    left: 280px;
    top: 0;
    width: 870px;
    min-height: 552px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2);
    box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2);
    background-color: #fff;
    border: 1px solid #e8e9eb;
    display: none
}
.quick-navbar-sidebar-box {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 50px 0 20px
}
.quick-navbar-sidebar-box-first {
    display: -ms-flexbox;
    display: flex;
    margin: 28px 50px 0 20px
}
.quick-navbar-sidebar-box-title {
    width: 150px;
    color: #444c57;
    font-size: 1.4rem
}
.quick-navbar-sidebar-box-content {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.quick-navbar-sidebar-box-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0
}
.quick-navbar-sidebar-box-content li {
    font-size: 1.2rem;
    padding-bottom: 16px
}
.quick-navbar-sidebar-box-content li:after {
    content: "";
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    background-color: #d0d3d9;
    position: relative;
    top: 1px
}
.quick-navbar-sidebar-box-content li:last-child:after {
    content: "";
    color: #828993;
    width: 0
}
.quick-navbar-sidebar-box-content a {
    font-size: 1.2rem;
    line-height: 16px;
    color: #252a33
}
.quick-navbar-sidebar-box-content a:hover {
    color: #fb5577;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #fb5577;
    text-decoration-color: #fb5577
}
.quick-navbar-sidebar.show {
    display: block
}
.content {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff;
    margin-top: 20px;
    padding: 28px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.content, .content-title {
    display: -ms-flexbox;
    display: flex
}
.content-title {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px
}
.content-title-text {
    font-size: 2rem;
    color: #5b626b
}
h2>.content-title-text {
    font-weight: 400
}
.content-title-more {
    font-size: 1.4rem;
    color: #fb5577
}
.content.small {
    width: 880px;
    margin-left: 330px
}
.react-tabs {
    width: 100%
}
.react-tabs__tab-list {
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f3f5;
    margin-bottom: 28px
}
.react-tabs__tab {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 58px;
    font-size: 1.4rem;
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 20px 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #444c57
}
.react-tabs__tab--selected {
    background-color: #fb5577;
    color: #fff
}
.react-tabs__tab--selected:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fb5577;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.react-tabs__tab--disabled {
    color: GrayText;
    cursor: default
}
.react-tabs__tab-panel {
    display: none
}
.react-tabs__tab-panel--selected {
    display: -ms-flexbox;
    display: flex
}
.footer {
    width: 100%;
    height: 128px;
    margin-top: 60px
}
.footer li {
    cursor: pointer
}
.footer-nav {
    margin-top: 20px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}
.footer-nav, .footer-nav-item {
    display: -ms-flexbox;
    display: flex
}
.footer-nav-item {
    position: relative;
    -ms-flex-align: center;
    align-items: center
}
.footer-nav-item:after {
    content: "";
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #c5c8d1;
    margin: 0 15px
}
.footer-nav-item:last-child:after {
    display: none
}
.footer-nav-item a {
    color: #99a0aa;
    font-size: 1.3rem;
    line-height: 32px;
    font-family: MicrosoftYaHeiUI
}
.footer-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.footer-text-icon {
    width: 12px;
    height: 13px;
    margin-right: 4px
}
.footer-text-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    color: #99a0aa;
    line-height: 32px;
    font-size: 1.3rem;
    font-family: MicrosoftYaHeiUI
}
.footer a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #fb5577
}
.container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}
.container, .lr-container {
    display: -ms-flexbox;
    display: flex
}
.lr-container {
    max-width: 1180px
}
.lr-container-left {
    width: 930px
}
.lr-container-left .content {
    width: 100%
}
.lr-container-right {
    width: 230px;
    margin-left: 20px
}
.lr-container-right .content {
    width: 100%;
    padding-bottom: 28px
}
.btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background-color: #fb5577
}
.btn:hover {
    cursor: pointer;
    background-color: #3ba4dc;
    color: #fff;
}
.course-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin-right: 30px
}
.course-card-left {
    width: 112px;
    height: 112px;
    margin-right: 12px
}
.course-card-left img {
    width: 112px;
    height: 112px;
    border-radius: 4px
}
.course-card-name {
    color: #444c57;
    font-size: 1.4rem;
    margin-top: 10px;
    height: 42px;
    width: 130px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    line-height: 22px;
    -webkit-line-clamp: 2;
    max-height: 44px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.course-card-buy-count, .course-card-doctor-name {
    color: #828993;
    font-size: 1.2rem
}
.course-card-doctor-name {
    margin-top: 9px;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}
.course-card-buy-count {
    margin-top: 13px
}
.doctor-card {
    display: -ms-flexbox;
    display: flex;
    max-width: 265px;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 20px;
    border: 1px solid #e8e9eb;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center
}
.doctor-card-expert {
    border-top: 4px solid #fb5577;
    position: relative
}
.doctor-card-identity {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fb5577;
    padding: 4px 8px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 16px;
    border: none
}
.doctor-card:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2);
    box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2)
}
.doctor-card-avatar, .doctor-card-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,.05)
}
.doctor-card-name-title {
    font-size: 1.6rem;
    color: #444c57;
    margin-top: 16px;
    line-height: 1.25
}
.doctor-card-hospital, .doctor-card-section {
    font-size: 1.3rem;
    color: #828993;
    line-height: 1.23;
    margin-top: 8px;
    max-width: 80%
}
.doctor-card-hospital {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}
.doctor-card-data {
    font-size: 1.3rem;
    line-height: 1.23;
    color: #828993;
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex
}
.doctor-card-data-star {
    position: relative;

    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}
.doctor-card-data-star-text {
    margin-left: 4px;
    color: #ffb54c
}
.doctor-card-data-star:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #e8e9eb;
    margin: 0 20px
}
.doctor-card-data-reply, .doctor-card-data-star:after {
    display: -ms-inline-flexbox;
    display: inline-flex
}
.doctor-card-ask {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}
.doctor-card-desc {
    font-size: 1.3rem;
    color: #99a0aa;
    margin-top: 24px;
    text-align: center;
    line-height: 1.54;
    min-height: 44px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    line-height: 22px;
    -webkit-line-clamp: 2;
    max-height: 44px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.doctor-card-btn {
    width: 120px;
    height: 38px;
    padding:0;
    min-height: 38px;
    border-radius: 4px;
    font-size: 1.4rem;
    margin-top: 24px
}
.back-top {
    display: inline-block;
    position: fixed;
    right: 5%;
    bottom: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54px;
    height: 54px;
    background-color: #fb5577;
    text-align: center;
    padding-top: 18px
}
.back-top:hover {
    cursor: pointer;
    background-color: #3ba4dc
}
.bread-crumb-nav {
    width: 1180px;
    margin: 28px auto 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}
.bread-crumb-nav-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem
}
.bread-crumb-nav-item a {
    color: #fb5577
}
.bread-crumb-nav-item h1 {
    font-weight: 400;
    font-size: 1.2rem;
    color: #444c57
}
.list-contain-title {
    font-size: 1.4rem;
    color: #828993;
    line-height: 18px;
    margin-bottom: 16px
}
.list-contain-title a {
    color: #828993
}
.list-contain-title a:hover {
    color: #fb5577;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #fb5577;
    text-decoration-color: #fb5577
}
.list-contain-ul {
    font-size: 0
}
.list-contain-li, .list-contain-no-icon {
    display: inline-block;
    margin: 0 0 16px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 1.2rem;
    line-height: 16px;
    max-height: 16px
}
.list-contain-li:before {
    content: "\2022";
    color: #d0d3d9;
    padding-right: 4px
}
.list-contain-link {
    color: #252a33
}
.list-contain-link:hover {
    color: #fb5577;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #fb5577;
    text-decoration-color: #fb5577
}
.list-contain .more-arrow {
    font-size: 10px;
    display: inline;
    margin-left: 6px
}
.list-contain .more-arrow:after {
    border-color: #fb5577;
    position: relative;
    top: -1px;
    margin-left: 6rpx;
    content: " ";
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    -ms-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    display: inline-block
}
.article-container {
    display: -ms-flexbox;
    display: flex
}
.article-image {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.05);
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover
}
.article-image img {
    width: 100%;
    height: 100%;
    visibility: hidden
}
.article-title {
    font-size: 1.4rem;
    color: #252a33;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    max-width: 308px
}
.article-title:hover {
    color: #fb5577;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #fb5577;
    text-decoration-color: #fb5577
}
.article-title-contain {
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
    overflow: hidden
}
.article-description {
    margin-left: 12px;
    min-width: 0
}
.article-brief {
    margin-top: 16px;
    -webkit-line-clamp: 3;
    max-height: 66px;
    max-height: 54px
}
.article-brief, .article-brief-author {
    font-size: 1.2rem;
    color: #828993;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    line-height: 22px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 18px
}
.article-brief-author {
    margin-top: 8px;
    -webkit-line-clamp: 2;
    max-height: 44px;
    height: 38px
}
.article-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}
.article-author-image {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%
}
.article-author-image, .article-author-name, .article-author-remark {
    margin-right: 4px
}
.article-author-name {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.article-author-name, .article-author-remark {
    font-size: 1.2rem;
    color: #99a0aa;
    line-height: 16px
}
.article-author-remark {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}
.hospital-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.hospital-card-img {
    margin-right: 8px;
    width: 50px;
    height: 50px
}
.hospital-card-title {
    font-size: 1.6rem;
    color: #444c57;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    height: 40px
}
.hospital-card-level {
    font-size: 1.3rem;
    color: #828993
}
.hospital-card-tip {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
    margin-bottom: 16px
}
.hospital-card-tip span {
    font-size: 1.3rem;
    color: #828993
}
.hospital-card-tip:last-child {
    margin-bottom: 0
}
.hospital-card-left {
    margin-right: 8px
}
.hospital-card-left-icon {
    width: 50px;
    height: 50px;
    background-color: #f2f3f5
}
.hospital-card-icon-contain {
    width: 16px;
    height: 16px;
    background-color: #ffb54c;
    border-radius: 50%;
    margin-right: 4px
}
.question-dialog {
border: 1px solid #ececec;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 20px;
    -ms-flex-align: start;
    align-items: flex-start
}
.question-dialog-list {
    margin-top: -24px
}
.question-dialog-brief {
    display: block;
    border: 1px solid #e8e9eb;
    border-radius: 4px
}
.question-dialog.dialog-of-patient+.question-dialog.dialog-of-patient {
    padding-top: 0
}
.question-dialog.dialog-of-doctor {
border: 1px solid #ececec;
    padding: 24px 20px;
    background-color: rgba(242,243,245,.4);
    margin-top: 15px;
}
.question-dialog-avatar {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}
.question-dialog-avatar:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}
.question-dialog-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}
.question-dialog-avatar-icon {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}
.question-dialog-avatar-icon:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fb5577;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}
.question-dialog-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.6rem;
    margin-left: 12px;
    overflow: hidden
}
.question-dialog-title {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}
.question-dialog-title-main, .question-dialog-title-main-link {
    color: #5b626b
}
.question-dialog-title-main-link:hover {
    color: #fb5577;
    text-decoration: underline
}
.question-dialog-title-tags {
    margin-left: 8px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.question-dialog-title-tag {
    margin-right: 8px;
    color: #828993;
    font-size: 1.3rem
}
.question-dialog-title-tag a{
    margin: 0 2px;
}
.question-dialog-content {
    font-size: 16px;
    color: #5b626b
}
.question-dialog-content.brief {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    line-height: 24px;
    -webkit-line-clamp: 3;
    max-height: 72px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.question-matching-questions-item:not(:first-child) {
    margin-top: 21px
}
.question-matching-questions-item:hover {
    -webkit-box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2);
    box-shadow: 0 6px 12px 0 hsla(215,9%,63%,.2)
}
.disease-detail-card-title {
    font-size: 2rem;
    line-height: 24px;
    font-weight: 400;
    color: #252a33
}
.disease-detail-card-deatil {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #444c57
}
.disease-detail-card-deatil h2, .disease-detail-card-deatil p {
    line-height: 1.5
}
.disease-detail-card-deatil h2+p {
    margin-top: 12px
}
.disease-detail-card-deatil p+p {
    margin-top: 0
}
.disease-detail-card-deatil h2 {
    font-size: 1.6rem;
    color: #444c57;
    font-weight: 700;
    margin-top: 24px
}
.disease-card-info {
    display: block
}
.disease-card-info-title {
    color: #252a33;
    line-height: 1.2;
    font-size: 2rem;
    cursor: default
}
.disease-card-info-title.has-url:hover {
    color: #fb5577;
    cursor: pointer;
    text-decoration: underline
}
.disease-card-info-content {
    color: #444c57;
    line-height: 1.5;
    font-size: 1.6rem;
    margin-top: 24px
}
.disease-card-info-content.brief {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    line-height: 22px;
    -webkit-line-clamp: 3;
    max-height: 66px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.disease-card-expert {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem
}
.disease-card-expert-title {
    padding: 4px;
    color: #99a0aa;
    background-color: #f2f3f5;
    border-radius: 4px
}
.disease-card-expert-info {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px
}
.disease-card-expert-info-tag {
    color: #828993;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.disease-card-expert-info-tag:not(:last-child) {
    margin-right: 6px
}
.section-navbar-title {
    color: #5b626b;
    font-size: 1.6rem;
    margin-bottom: 16px
}
.section-navbar-items, .section-navbar-items ul {
    display: -ms-flexbox;
    display: flex
}
.section-navbar-items ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.section-navbar-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 26px;
    margin: 0 12px 12px 0;
    background-color: #f2f3f5;
    border-radius: 4px
}
.section-navbar-item a {
    font-size: 1.3rem;
    margin: 4px 20px;
    color: #5b626b
}
.section-navbar-item.active, .section-navbar-item:hover {
    background-color: #fb5577;
    cursor: pointer
}
.section-navbar-item.active a, .section-navbar-item:hover a {
    color: #fff
}
.pagination {
    display: none
}
.question-doctor-profile .doctor-card {
    margin: 0
}
.question-doctor-open-questions .list-contain {
    margin-bottom: 0
}
.question-doctor-open-questions .list-contain-li {
    color: #252a33
}
.question-doctor-open-questions .list-contain-li:first-child {
    margin-top: 0
}
.question-matching-articles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center
}
.question-matching-articles-item {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px
}
.question-matching-articles-item:nth-child(n+1) {
    padding-left: 10px
}
.question-matching-articles-item:nth-child(n) {
    padding-right: 10px
}
.question-matching-hospitals-box {
    padding-top: 16px
}
.question-matching-hospitals-box:first-child {
    padding-top: 0
}
.question-matching-hospitals-box:not(:last-child) {
    padding-bottom: 8px;
    border-bottom: 1px solid #ebebeb
}
.question-detail {
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}
.question-detail .content {
    width: 100%
}
.question-detail .content:first-child {border: 1px solid #ececec;
    margin-top: 0
}
.question-detail-left {border: 1px solid #ececec;
    max-width: 930px;
    margin-right: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.question-detail-right {
    width: 230px;
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}