/*微信和微博小图标*/
.wx-wb .icon-tb{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/new_static/icon/guanzhu.png');
    background-repeat: no-repeat;
    transition: all 0.3s linear 0s;
    -webkit-transition: all .3s linear 0s;
}
.wx-wb .icon-wb{
    background-position: left 0px top 0px;
}
.wx-wb .icon-wb:hover{
    background-position: left 0px top -20px;
}
.wx-wb .icon-wx{
    background-position: left -40px top 0px;
}
.wx-wb .icon-wx:hover{
    background-position: left -40px top -20px;
}


/*导航条*/
.navigation-bars li:hover{
    background-color: var(--grey-color-10);
}
.navigation-bars li:hover a{
    color: var(--main-color);
}
.navigation-bars .active{
    background-color: var(--grey-color-10);
}
.navigation-bars li .ul-level{
    border-top: 4px solid #327275;
}


/* .navigation-bars li .ul-twolevel li:hover{
    background-color: var(--grey-color-10);
}


.ul-twolevel li .ul-threelevel li:hover{
    background-color: var(--grey-color-12);
} */

.navigation-bars li .ul-level{
    display: none;
    list-style: none;
    z-index: 1000;
}
.navigation-bars li:hover > .ul-level{
    display: block;
    transition: 3s;
}
.ul-twolevel .actives{
    background-color: var(--grey-color-10)
}
.ul-threelevel li:hover{
    background-color: var(--grey-color-12);
}
.ul-threelevel li:hover a{
    color: var(--red-color);
}




/* 自定义按钮导航 */

.my-btn-nav .active a,
.my-btn-nav .active span,
.my-btn-nav .layui-this a,
.my-btn-nav .layui-this span{
    background-color: var(--main-color);
    color: var(--white-color) !important;

}





.swiper-news .swiper {
    width: 623px;
    height: 336px;
}

.tp-pagination{
    position: absolute !important;
    text-align: right !important;
    bottom: 10px !important;
    width: 590px !important;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 6;
}
.tp-pagination .swiper-pagination-bullet{
    background-color: #9ea7b3 !important;
}
.tp-pagination .swiper-pagination-bullet-active{
    background-color: var(--white-color) !important;
}



/*患者日记榜左右箭头*/
.swiper-diary-next{
    color:  #fff !important;
    --swiper-navigation-size: 20px !important;
}
.swiper-diary-prev{
    color:  #fff !important;
    --swiper-navigation-size: 20px !important;
}



/*选项卡*/
.contentTab .tab-nones:first-child{
    display: block;
  }
.contentTab .tab-nones{
   display: none;
}

/*鼠标经过状态*/
/* .doctor-groom .groom-bt:hover a{
    font-weight: bold;
} */

/*被选中的状态*/
.doctor-tab .active{
    border-bottom: 2px solid var(--main-color);
}
.doctor-tab .active a{
    font-weight: bold;
    color: var(--main-color);
}


/*点评-星星*/
.nlz-score{
    background: url(/new_static/icon/dp1.png) no-repeat;
    background-size: 68px 12px;
    width: 68px;
    height: 12px;
}
.nlz-score .score-active{
    background: url(/new_static/icon/dp.png) no-repeat;
    background-size: 68px 12px;
}

.kbb-score{
    background: url(/new_static/icon/dp1.png) no-repeat;
    background-size: 36px 8px;
    width: 36px;
    height: 8px;
}
.kbb-score .kbb-active{
    background: url(/new_static/icon/dp.png) no-repeat;
    background-size: 36px 8px;
}

.ys-score{
    background: url(/new_static/icon/dp1.png) no-repeat;
    background-size: 78px 14px;
    width: 78px;
    height: 14px;
}
.ys-score .ysscore-active{
    background: url(/new_static/icon/dp.png) no-repeat;
    background-size: 78px 14px;
}


/*医生头像阴影*/
.doctorImg{
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4); /* 添加阴影 */
}


/*分页*/
.paging-ul .active{
    background: var(--grey-color-21);
}


/*标题*/
.nalizheng-title{
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.3); /* 添加阴影 */
}



.notes-text p{
    text-indent: 28px; /* 在段首缩进20像素 */
    color: var(--grey-color-9);
    line-height: 24px;
}


/*医生问答列表*/
.wenda-list-ul .wenda-list-li p{
    margin-top: 10px;
}



.patientStory img{
    max-width: 100%; /* 最大宽度设置为容器宽度的100% */
    max-height: 100%; /* 最大高度设置为容器高度的100% */
    height: auto; /* 保持图片的原始宽高比 */
}

.content img {
    display: block;
    margin: auto;
    max-width: 640px;
    max-height: 250px;
    margin-top: 16px;
    object-fit: fill;
}