.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.blue-text {
    color: #0052FE !important;
}
.disease-tag {
    color: #0052FE !important;
    font-size: 30rem;
    background: url(../images/public/diseases-tag-icon.png) no-repeat;
    background-position: left center;
    background-size: 34rem 34rem;
    padding-left: 50rem;
}

.hide {
    display: none !important;
}
.diseases-tag-icon {
    width: 34rem;
    height: 34rem;
    background: url(../images/public/diseases-tag-icon.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-right: 16rem;
}

/* 通用文章样式 */
.article-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}
.article-block .article-title {
    font-size: 32rem;
    font-weight: 500;
    color: #202020;
    margin-bottom: 10rem;
}
.article-block .article-content {
    font-size: 28rem;
    font-weight: 400;
    color: #5E5E5E;
    line-height: 40rem;
    margin: 0 0 10rem 0;
}
.article-block .article-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    font-size: 24rem;
    color: #A8A8A8;
}
.article-block .article-info .author-info {
    flex: 1;
    overflow: hidden;
}
.article-block .article-info .author-info span {
    margin-right: 10rem;
}
.article-block .article-info .article-date {
    flex-shrink: 0;
}
/* 通用文章样式-END */

/* 顶部菜单 */
.header-search-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 64rem;
    padding: 16rem 0 30rem 0;
}
.header-search-menu .logo {
    flex-shrink: 0;
    width: 150rem;
    margin-left: 30rem;
}
.header-search-menu .logo-img, .header-search-menu .logo-link {
    width: 150rem;
    height: 46rem;
}
.header-search-menu .search, .header-search-menu .search2 {
    flex: 1;
    height: 64rem;
    margin: 0 35rem 0 30rem;
    border-radius: 15px;
    color: #333;
    font-size: 24rem;
    padding: 0 30rem 0 60rem;
    background-image: url(../images/public/search_icon@2x.png);
    background-size: 30rem 30rem;
    background-repeat: no-repeat;
    background-position: left 20rem center;
    background-color: #fff;
    box-sizing: border-box;
}
.header-search-menu .header-title {
    color: #fff;
    font-size: 30rem;
    font-weight: 600;
}
.header-search-menu .menu {
    flex-shrink: 0;
    height: 64rem;
    display: flex;
    align-items: center;
    width: 70rem;
}
.header-search-menu .menu-icon {
    width: 38rem;
    height: 34rem;
}
/* 顶部菜单-END */

/* 顶部菜单2 */ 
.header-search-menu2 {
    display: flex;
    align-items: center;
    position: initial;
    z-index: initial;
    top: initial;
    left: initial;
}
.header-search-menu2 .header-search-left {
    display: flex;
    align-items: center;
}
.header-search-menu2 .header-search-left .back_icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 56rem;
    height: 64rem;
}
.header-search-menu2 .header-search-left .back_icon .back_img {
    width: 16rem;
    height: 30rem;
}
.header-search-menu2 .header-search-left .serach-name {
    font-size: 30rem;
    font-weight: 600;
    color: #000000;
    margin-left: 20rem;
}
.header-search-menu2 .page-title {
    font-size: 30rem;
    font-weight: 600;
    color: #000000;
    margin-left: 20rem;
}
.header-search-menu2 .search, .header-search-menu2 .search2 {
    border: 2rem solid #0052FE;
}
/* 顶部菜单2-END */
.search-wraper {
    margin: 10rem 30rem 30rem 30rem;
}
.serach-box {
    width: 100%;
    height: 64rem;
    border-radius: 15px;
    color: #333;
    font-size: 24rem;
    padding: 0 30rem 0 60rem;
    background-image: url(../images/public/search_icon@2x.png);
    background-size: 30rem 30rem;
    background-repeat: no-repeat;
    background-position: left 20rem center;
    background-color: #fff;
    box-sizing: border-box;
    border: 2rem solid #0052FE;
}

/* 独立模块 */
.block {
    background-color: #fff;
    border-radius: 16rem;
    overflow: hidden;
}
.block .block-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 88rem;
    padding: 0 20rem;
}
.block .block-head .block-title {
    font-size: 34rem;
    font-weight: 500;
    color: #000000;
    line-height: 48rem;
}
.block .block-head .block-more {
    display: flex;
    align-items: center;
    font-size: 28rem;
    font-weight: 400;
    color: #848484;
    line-height: 40rem;
    background: url(../images/public/right_arrow2.png) no-repeat right center;
    background-size: 14rem 28rem;
    padding-right: 20rem;
}
/* 独立模块-END */

/* 加载更多按钮 */
.more-btn-wraper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30rem 0;
}
.more-btn-wraper .more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20rem;
    height: 76rem;
    box-sizing: border-box;
    background: #FFFFFF;    
    border-radius: 38rem;
    border: 2rem solid #D7D7D7;
    font-size: 28rem;
    font-weight: 500;
    color: #0052FE;
}
.more-btn-wraper .more-btn img {
    width: 28rem;
    height: 30rem;
}
.more-btn-wraper .more-btn span {
    margin: 0 10rem;
}
/* 加载更多按钮-END */

/* 标签切换 */
.tags-wraper {
    padding: 0 5rem;
    /* max-height: 220rem; */
    overflow: hidden;
}
.tags-wraper2 {
    max-height: 233rem;
}
.tags-wraper.tags-wraper-opened {
    max-height: initial;
}
.tag-item {
    display: inline-block;
    height: 60rem;
    line-height: 60rem;
    background-color: #F5F7FA;
    border-radius: 8px;
    font-size: 26rem;
    color: #666666;
    padding: 0 20rem;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 15rem 20rem 15rem;
}
.tag-item.active {
    font-weight: 500;
    color: #0052FE;
    background-color: #E0EAFF;
    border: 2rem solid #0052FE;
}
.tabs-more {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28rem;
    color: #0052FE;
    padding: 30rem 0;
}
.tabs-more .tabs-more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs-more .tabs-arrow {
    width: 26rem;
    height: 14rem;
    margin-left: 10rem;
    transition: all 0.3s;
}
.tabs-more .tabs-more-btn.tabs-more-opened .tabs-arrow {
    transform: rotate(180deg);
}

.tags-wraper2 {
    padding: 0 10rem;
    overflow: hidden;
}

.tag-item2 {
    display: inline-block;
    height: 60rem;
    line-height: 60rem;
    text-align: center;
    background-color: #F5F7FA;
    border-radius: 8px;
    font-size: 26rem;
    color: #666666;
    margin: 0 10rem 10rem 10rem;
    padding: 0 15rem;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}
/* 标签切换-END */

/* 纵向视频列表 */
.video-column-list {
    display: grid;
    grid-template-columns: repeat(2, 326rem);
    grid-gap: 20rem 18rem;
    grid-auto-rows: 292rem;
    padding: 0 20rem;
    margin-top: 20rem;
}
.video-column-list .video-item .poster-box {
    height: 192rem;
    background: #D8D8D8;
    border-radius: 12rem;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.video-column-list .video-item .poster {
    width: 100%;
    height: 100%;
}
.video-column-list .video-item .video-title {
    width: 100%;
    font-size: 28rem;
    font-weight: 400;
    color: #202020;
    height: 40rem;
    line-height: 40rem;
    margin: 16rem 0 8rem 0;
}
.video-column-list .video-item .video-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22rem;
    color: #A8A8A8;
}
.video-column-list .video-item .video-info-left, .video-column-list .video-item .video-info-right {
    display: flex;
    align-items: center;
}
.video-column-list .video-item .video-info-left {
    flex: 1;
    overflow: hidden;
}
.video-column-list .video-item .video-info-left img {
    width: 36rem;
    height: 36rem;
    border-radius: 50%;
    margin-right: 8rem;
}
.video-column-list .video-item .video-info-right {
    flex-shrink: 0;
}
.video-column-list .video-item .video-info-right img {
    width: 28rem;
    height: 28rem;
    margin-right: 8rem;
}
/* 纵向视频列表-END */

/* 滚动tab切换 */
.scroll-tab {
    width: 100%;
    overflow: hidden;
}

.scroll-tab .swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20rem;
    letter-spacing: 2px;
    width: auto;
    height: 70rem;
    text-align: center;
    font-size: 32rem;
    color: #757575;
}

.scroll-tab .swiper-slide span {
    transition: all .3s ease;
    display: block;
}
.scroll-tab .active::before {
    content: "";
    position: absolute;
    width: 98rem;
    height: 28rem;
    background: url(../images/public/tab_active_bg.png) no-repeat;
    background-size: 100% auto;
    bottom: 0;
    left: 50%;
    margin-left: -49rem;
    z-index: -1;
}
.scroll-tab .active span {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    /* transform: scale(1.1); */
    color: #202020;
    font-weight: bold;
}
.scroll-tab2 .active::before {
    display: none;
}
.scroll-tab2 .active span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4rem;
    background-color: #0052FE;
    bottom: 0;
}
/* 滚动tab切换-END */

/* 视频列表 */
.videos-list {
    margin: 0 20rem;
}
.videos-list .videos-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 194rem;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 2rem dashed #DCDCDC;
}
.videos-list .videos-item:last-child {
    border-bottom: none;
}
.videos-list .videos-info {
    height: 132rem;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.videos-list .videos-info .video-title {
    font-size: 32rem;
    font-weight: 500;
    color: #202020;
    line-height: 40rem;
}
.videos-list .videos-info .doctor-info {
    display: flex;
    align-items: center;
    margin-top: auto;
}
.videos-list .videos-info .doctor-info .doctor-pic {
    width: 36rem;
    height: 36rem;
    margin-right: 10rem;
    border-radius: 50%;
}
.videos-list .videos-info .doctor-info .doctor-name {
    flex: 1;
    font-size: 24rem;
    color: #A8A8A8;
}
.videos-list .videos-img-box {
    position: relative;
    width: 225rem;
    height: 126rem;
    flex-shrink: 0;
    margin-left: 20rem;
    border-radius: 10rem;
    overflow: hidden;
}
.videos-filter {
    width: 100%;
    height: 100%;
    filter: blur(10px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.videos-list .video-img {
    position: absolute;
    margin: auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.videos-list .videos-img {
    width: 224rem;
    height: 132rem;
    flex-shrink: 0;
    margin-left: 20rem;
    border-radius: 5px;
    overflow: hidden;
}

/* 视频列表-END */

/* 短视频 */
.short-video-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 476rem;
    grid-gap: 30rem 10rem;
    margin: 10rem 20rem 30rem 20rem;
}
.short-video-list .short-video-item {
    position: relative;
    border-radius: 12rem;
    overflow: hidden;
}
.short-video-list .short-video-item .video-play {
    /* position: absolute;
    width: 36rem;
    height: 36rem;
    top: 20rem;
    left: 20rem;
    background: url(../images/public/play_icon.png) no-repeat;
    background-size: 100% 100%; */


    position: absolute;
    color: #fff;
    padding-left: 46rem;
    height: 36rem;
    line-height: 36rem;
    font-size: 22rem;
    top: 20rem;
    left: 20rem;
    background: url(../images/public/play_icon.png) no-repeat;
    background-size: 36rem 36rem;
}
.short-video-list .short-video-item .video-img {
    width: 100%;
    height: auto;
    border-radius: 12rem;
}
/* 短视频-END */

/* 语音解答 */
.audio-wraper {
    overflow: hidden;
}
.audio-list {
    margin: 0 20rem;
    overflow: hidden;
}
.audio-list .audio-item {
    display: flex;
    align-items: center;
    height: 145rem;
    box-sizing: border-box;
    border-bottom: 2rem dashed #DCDCDC;
}
.audio-list .audio-item:last-child {
    border-bottom: none;
}
.audio-list .audio-item .number {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36rem;
    height: 42rem;
    font-size: 36rem;
    font-weight: 500;
    color: #979797;
    overflow: hidden;
    margin-right: 30rem;
}
.audio-list .audio-item .number img {
    width: 100%;
    height: 100%;
}
.audio-list .audio-item .audio-info {
    flex: 1;
    overflow: hidden;
}
.audio-list .audio-item .play-icon {
    width: 48rem;
    height: 48rem;
    margin-left: 30rem;
}
/* 语音解答-END */

/* 语音解答2 */
.audio-list2 {
    margin: 0 20rem;
}
.audio-list2 .audio-item {
    box-sizing: border-box;
    border-bottom: 2rem dashed #DCDCDC;
    padding: 28rem 0;
}
.audio-list2 .audio-item .audio-title {
    font-size: 28rem;
    font-weight: 500;
    color: #202020;
}
.audio-list2 .audio-item .audio-info {
    display: flex;
    align-items: center;
    width: 50%;
    height: 70rem;
    background: linear-gradient(90deg, #1386FF 0%, #5BBDFF 100%);
    border-radius: 63rem;
    margin-top: 20rem;
}
.audio-list2 .audio-item .audio-info .audio-play {
    width: 26rem;
    height: 40rem;
    margin: 0 20rem 0 30rem;
}
.audio-list2 .audio-item .audio-info span {
    color: #fff;
    font-size: 26rem;
}
.audio-list2 .audio-item .audio-info .audio-time {
    margin-left: auto;
    margin-right: 30rem;
}
.audio-list2 .audio-item .doctor-info {
    display: flex;
    align-items: center;
    margin-top: 20rem;
}
.audio-list2 .audio-item .doctor-info img {
    width: 36rem;
    height: 36rem;
    border-radius: 50%;
    margin-right: 10rem;
}
.audio-list2 .audio-item .doctor-info p {
    font-size: 22rem;
    color: #A8A8A8;
}
/* 语音解答2-END */

/* 科普文章 */
.article-wraper {
    overflow: hidden;
}
.article-list {
    margin: 0 20rem;
    overflow: hidden;
}
.article-list .article-tiem {
    height: 235rem;
    border-bottom: 2rem dashed #DCDCDC;
}
.article-list .article-tiem:last-child {
    border-bottom: none;
}
/* 科普文章-END */

/* 医患问答 */
.ask-wraper {
    overflow: hidden;
}
.ask-list {
    margin: 0 20rem;
    overflow: hidden;
}
.ask-list .ask-tiem {
    height: 235rem;
    border-bottom: 2rem dashed #DCDCDC;
}
.ask-list .ask-tiem .article-title, .ask-list .ask-tiem .article-content {
    background-repeat: no-repeat;
    background-size: 30rem 32rem;
    padding-left: 50rem;
}
.ask-list .ask-tiem .article-info {
    margin-left: 50rem;
}
.ask-list .ask-tiem .article-title {
    background-image: url(../images/public/ask_icon.png);
    background-position: left center;
}
.ask-list .ask-tiem .article-content {
    background-image: url(../images/public/answer_icon.png);
    background-position: left 3rem;
}
.ask-list .ask-tiem:last-child {
    border-bottom: none;
}
/* 医患问答-END */

/* 相关医生 */
.related-doctor-item {
    display: flex;
    flex-direction: column;
    background: #F5F8FF;
    border-radius: 24rem;
    padding: 30rem;
    font-size: 28rem;
    color: #666666;
    position: relative;
}
.related-doctor-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20rem;
    bottom: 20rem;
    background-color: #0052FE;
    color: #fff;
    height: 55rem;
    font-size: 26rem;
    border-radius: 35rem;
    padding: 0 20rem;
}
.related-doctor-item .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    flex: 1;
}
.related-doctor-item .info .doctor-img {
    width: 80rem;
    height: 80rem;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 20rem;
}
.related-doctor-item .info .info-right {
    flex: 1;
    overflow: hidden;
}
.related-doctor-item .info .doctor-name {
    display: flex;
    align-items: center;
    font-size: 30rem;
}
.related-doctor-item .info .hospital {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.related-doctor-item .info .hospital .hospital-tit {
    max-width: 70%;
}
.related-doctor-item .info .hospital .hospital-keshi {
    flex: 1;
    margin-left: 15rem;
}
.related-doctor-item .info .doctor-type {
    position: relative;
    font-size: 28rem;
    font-weight: normal;
    margin-left: 20rem;
    padding-left: 20rem;
}
.related-doctor-item .info .doctor-type::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 16rem;
    background-color: #D8D8D8;
    left: 0;
    top: 50%;
    margin-top: -8rem;
}
.related-doctor-item .info .hospital-type {
    height: 34rem;
    background-color: #FFE1CE;
    padding: 4rem 8rem;
    color: #F3711C;
    border-radius: 8rem;
    font-size: 20rem;
    margin-left: 20rem;
    font-weight: normal;
    flex-shrink: 0;
}
.related-doctor-item .adept {
    margin-top: 20rem;
    font-size: 28rem;
    color: #666666;
    line-height: 40rem;
}
.related-doctor-item .help-num {
    margin-top: 27rem;
}
.related-doctor-item .help-num span{
    color: #0052FE;
}
/* 相关医生-END */

/* 健康科普tab */
.doctor-science-body {
    margin: 0 20rem;
}
.doctor-science-tab {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20rem;
    grid-template-rows: 60rem;
}
.doctor-science-tab .science-tab-item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26rem;
    color: #666666;
    border-radius: 8px;
    background-color: #F5F7FA;
    box-sizing: border-box;
}
.doctor-science-tab .science-tab-item.active {
    font-weight: 500;
    color: #0052FE;
    background-color: #E0EAFF;
    border: 2rem solid #0052FE;
}
.doctor-science-body .science-tab-content {
    display: none;
    padding: 20rem 0;
}
/* 健康科普tab-END */

/* 分页 */
.pagination {
    display: grid;
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-rows: 74rem;
    grid-column-gap: 10rem;
    margin: 20rem 0;
    overflow: hidden;
}
.pagination a, .pagination .currBox {
    border: #ddd 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28rem;
    background: #fff;
}
.pagination a {
    color: #31c5a5;
}
.pagination .currBox {
    color: #666;
}
.pagination .currBox .curr {
    color: #31c5a5;
}
.pagination .currBox .line {
    margin: 0 5rem;
}
/* 分页-END */

/* 面包屑 */
.breadcrumb-wraper {
    margin: 0 30rem;
    overflow: hidden;
    font-size: 24rem;
    color: #5E5E5E;
    margin-bottom: 30rem;
}
.breadcrumb-list {
    display: flex;
    overflow: hidden;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
    margin-right: 8rem;
}
.breadcrumb-item::after {
    content: '>';
    margin-left: 8rem;
}
.breadcrumb-item:last-child::after {
    display: none;
}
.breadcrumb-item a {
    color: #000000;
}
.breadcrumb-item span {
    color: #666;
}
/* 面包屑-END */

/* 客服 */
.service-wraper {
    position: fixed;
    right: 60rem;
    bottom: 100rem;
    z-index: 99;
    width: 97rem;
    height: 97rem;
}
.service-wraper img {
    width: 100%;
    height: 100%;
}
/* 客服-END */


/* 医生列表 */
.doctors-item {
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: 16rem;
    padding: 30rem 28rem;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 20rem;
    box-shadow: 0 4px 10px 1px #ddd;
  }
  .doctors-source {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 66rem;
    height: 36rem;
    background: #00C0A7;
    border-radius: 0px 16rem 0px 16rem;
    font-size: 24rem;
    font-weight: 400;
    color: #FFFFFF;
  }
  .doctors-portrait {
    width: 116rem;
    height: 116rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #D8D8D8;
    margin-right: 24rem;
  }
  .doctors-portrait-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .doctors-info-wraper {
    flex: 1;
    overflow: hidden;
  }
  .doctors-info-head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15rem;
  }
  .doctors-info-head .doctor-name {
    font-size: 36rem;
    font-weight: 500;
    color: #222;
    line-height: 42rem;
    max-width: 50%;
  }
  .doctors-info-head .doctor-position {
    margin-left: 10rem;
    font-size: 28rem;
    font-weight: 400;
    color: #222;
    line-height: 33rem;
  }
  .doctors-info-head .department {
    margin-left: 10rem;
    font-size: 28rem;
    font-weight: 400;
    color: #222;
    line-height: 33rem;
  }
  .doctors-info-head .doctor-license {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10rem;
    width: 96rem;
    height: 32rem;
    background: #FFF0DD;
    border-radius: 6rem;
    font-size: 20rem;
    font-weight: 400;
    color: #FFA73B;
  }
  
  .hospital-level {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56rem;
    height: 32rem;
    background: #E5F9F4;
    border-radius: 6rem;
    font-size: 20rem;
    font-weight: 400;
    color: #00C0A7;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10rem;
    flex-shrink: 0;
  }
  .hospital-medical {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56rem;
    height: 32rem;
    background: #E2EEFC;
    border-radius: 6rem;
    font-size: 20rem;
    font-weight: 400;
    color: #678AF9;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8rem;
    flex-shrink: 0;
  }
  .hospital-info-wraper {
    display: flex;
    align-items: center;
    font-size: 28rem;
    font-weight: 400;
    color: #222;
    line-height: 34rem;
    margin-bottom: 16rem;
  }
  .hospital-info-wraper .hospital-name {
    max-width: 50%;
    flex-shrink: 0;
  }
  .doctors-item .fudan-rank {
    display: flex;
    align-items: center;
    margin-top: 12rem;
    width: 235rem;
    height: 40rem;
    background: #F6E7D2;
    border-radius: 2rem;
    font-size: 24rem;
    color: #906B52;
  }
  .doctors-item .rank-icon {
    width: 28rem;
    height: 28rem;
    margin: 0 4rem 0 6rem;
  }

  .doctor-tags .tags-item-box {
    margin-bottom: 20rem;
  }
  .doctor-tags .tags-item {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    height: 36rem;
    background: #F7F2EE;
    border-radius: 4rem;
    font-size: 24rem;
    font-weight: 500;
    color: #A17241;
    max-width: 100%;
  }
  .doctor-tags .tags-item-name {
    flex: 1;
    font-weight: bold;
  }
  .doctor-tags .tags-item-box:last-child {
    margin-bottom: 0;
  }
  .doctor-tags .tags-item::before, .doctor-tags .tags-item::after {
    content: "";
    width: 18rem;
    height: 30rem;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 4rem;
  }
  .doctor-tags .tags-item::before {
    background-image: url(../../images/public/doctor_icon_l@2x.png);
  }
  .doctor-tags .tags-item::after {
    background-image: url(../../images/public/doctor_icon_r@2x.png);
  }
  .doctor-adept {
    font-size: 26rem;
    font-weight: 400;
    color: #777777;
    line-height: 40rem;
    letter-spacing: 1px;
    margin-top: 15rem;
  }
  .doctors-item .doctor-services {
    display: flex;
    align-items: center;
    margin-top: 12rem;
  }
  .doctors-item .doctor-score{
    display: flex;
    align-items: center;
  }
  .doctors-item  .score-star-icon {
    width: 24rem;
    height: 24rem;
    margin-right: 10rem;
  }
  .doctors-item  .score-text {
    font-size: 28rem;
    font-weight: 400;
    color: #00C0A7;
  }
  .doctors-item .doctor-line {
    font-size: 24rem;
    font-weight: 400;
    color: #E8E8E8;
    margin: 0 18rem;
  }
  .doctors-item .order-count-tit {
    font-size: 24rem;
    color: #C9C9C9;
    margin-right: 8rem;
  }
  .doctors-item .order-count-num {
    font-size: 28rem;
    font-weight: 400;
    color: #00C0A7;
  }
  .doctors-item .doctor-cost {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20rem;
  }
  .doctors-item .cost-tit {
    font-size: 28rem;
    color: #999999;
    margin-right: 8rem;
  }
  .doctors-item .min-price {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    font-size: 28rem;
    font-weight: 400;
    color: #FEB33C;
  }
  .doctors-item .min-price strong {
    font-size: 32rem;
  }
  .doctors-item .btn-registration {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160rem;
    height: 64rem;
    background: #00C0A7;
    border-radius: 40rem;
    font-size: 28rem;
    font-weight: 400;
    color: #FFFFFF;
  }
/* 医生列表-END */

.top-sticky {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 10000;
}

.search-page {
    margin: 0 20rem;
}
.search-title {
    color: #0052FE;
    margin-bottom: 20rem;
    font-size: 25rem;
}
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100rem 0 ;
    font-size: 24rem;
    color: #5E5E5E;
    line-height: 46rem;
}
.scroller-footer {
    text-align: center;
    color: #666;
    font-size: 23rem;
    padding: 20rem 0;
}

.tab-wraper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20rem;
    margin: 0 20rem 20rem 20rem;
}
.tab-wraper .tab-item {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 70rem;
    font-size: 30rem;
    color: #333;
    box-sizing: border-box;
}
.tab-wraper .tab-item.active {
    color: #0052FE;
    border-bottom: 2px solid #0052FE;
}

.disease-wraper {
    display: none;
    padding: 15rem 20rem 0 20rem;
    font-size: 25rem;
}
.disease-wraper .disease-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.disease-wraper .disease-head p {
    font-size: 35rem;
    font-weight: bold;
}
.disease-wraper .disease-head .keshi-name {
    font-size: 28rem;
    color: #666;
}
.disease-wraper .disease-head .baike {
    background-color: #0052FE;
    padding: 7rem 15rem;
    color: #fff;
}
.disease-wraper .disease-content {
    margin-top: 15rem;
    font-size: 28rem;
    color: #999;
}


.no-data {
    display: none;
    padding: 30rem;
    text-align: center;
    font-size: 30rem;
    color: #666;
}


.not-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 28rem;
    color: #999;
  }
  
.not-data img {
    width: 500rem;
  }