.color-blue01{
  color: #4f7a96;
}
.color-white {
  color: #ffffff;
}
.btn-green01.button-fill{
  background-color: #00baad;
  color: #fff;
}
.bar:after {
  background: transparent;
}

.bar-nav {
    background-color: #00baad;
  }
.bar-nav .button-nav img{
    height: 1.6rem;
    padding-top:.3rem ;
    padding-left: .25rem;
  }
.bar-nav .icon {
    color:#ffffff;
}


.left-menu .item-input select{
  padding: 0;
}
.list-block.left-menu .item-inner {
  min-height: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
.list-block.left-menu ul {
  padding-left:0;
}
  /* 二级列表容器（默认隐藏） */
  .sub-list {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    background-color: #f9fafb;
  }

  /* 二级列表项 */
  .sub-item {
    padding: .5rem 1rem; /* 左侧缩进，体现层级关系 */
    border-top: 1px dashed #eee;
    transition: background-color 0.2s;
  }

  .sub-item:hover {
    background-color: #f1f5f9;
  }
.expanded .item-inner .item-title{
  min-height: 2.2rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
}
.bar-header-secondary{
  background-color: #00baad;
  height: 4.4rem;
}

.bar-header-secondary .address{
  background-color: #e3fcfa59;
  color: #fff;
  border-radius: 5px;
  margin: .3rem 0;
  padding-left: .5rem;
  display: flex;
}
.bar-header-secondary .address .icon{
  font-size: .6rem;
  line-height: .8rem;
}
@keyframes marquee {
  0% {
      transform: translateX(-0%);
  }
  100% {
      transform: translateX(-50%); /* 滚动到容器左侧 */
  }
}
.bar-header-secondary .address .hs-text{
  padding: .5rem .3rem;
  font-size: .6rem;
  overflow: hidden; /* 隐藏超出部分 */
        white-space: nowrap; /* 防止文本换行 */
}
.bar-header-secondary .address .hs-text span {
  display: inline-block;
  padding-left: 10%; /* 初始位置在容器右侧 */
  animation: marquee 15s linear infinite; /* 应用动画，15s 为滚动周期，可按需调整 */
   /* 为动画设置延迟，确保衔接自然 */
   animation-delay: -7.5s; 
}
.bar-header-secondary .address .hs-text span::after {
  content: attr(data-text);
  /* 追加复制的文本 */
  display: inline-block;
  padding-left: 10px; 
}
.bar .searchbar {
  padding: 8px 0;
 overflow: visible;
  height: 2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* margin:0 0 1rem; */
  padding:.5rem;
  background: #00baad;
}

.searchbar .search-input input {
  height: 2rem;
  outline: 0;
  border: 0;
  box-shadow: 0 0 7px #e3e2e4;
}
.bar-header-secondary~.content.index-content {
  top: 7rem;
}
.page-index .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin: .5rem .75rem;
    box-shadow: 0 0 7px #e3e2e4;
}
.page-index .card .card-content-inner .b-title{
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: .3rem;
  font-weight: 500;
  color: #333333;
}
.page-index .card .card-content-inner p{
  margin-top: 0;
  margin-bottom: .3rem;
  color: #838685
}
.sub-title{
  margin-bottom: .3rem;
  border-left:3px solid #5bd9aa;
  padding-left: 5px;
}

.service{
  text-align: center;
  font-size: .6rem;
}
.service img{
  width: 2.2rem;
  margin: 0 auto;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}
.hdSwiper .swiper-slide img{
  width: 100%;
}

.list-block.doc-list .item-title-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
}
.list-block.doc-list .item-media img{
  border-radius: 50%;
  overflow: hidden;
  width: 4rem;
}
.list-block.doc-list .item-inner .item-after{
  font-size: .6rem;
  color: #00baad;
  background-color: #d5faec;
}

.list-block.media-list{
  margin-top: 0;
}
.list-block.wz-list .item-media img{
  width: 4rem;
  border-radius: 5px;
}
.list-block.wz-list .item-subtitle{
  font-size: .6rem;
  color: #838685;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active{
  color: #00baad;

}
.bar-tab .tab-item.active .icon path,.bar-tab .tab-item:active .icon path {
  fill: #00baad;
}

.popup.popup-selecthos {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    height: 50%;
    z-index: 10400;
    background: #fff;
    overflow: visible;
    border-radius: 15px 15px 0 0;
}
.popup-selecthos .content-padded>img{
  width: 9rem;
  margin-top: -2rem;
}

.title-button {
  display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center;
      margin-top: -1rem;
}
.title-cancel a{
  color: #838685;
}
.popup-selecthos .hos-list{
  overflow-y: scroll;
  max-height: 80%;
}
.hos-list a{
  display: inline-block;
    margin-top: .3rem;
    border:1px solid #00baad;
    color: #00baad;
    height: 2rem;
    line-height: 2rem;
}
.hos-list a:active{
  background: #00baad;
  color: #fff;
  border:1px solid #00baad;
}

.bg-footer{
  background: #00baad;
  color: #fff;
  font-size: .6rem;
}

.bg-footer .card-content-inner a,.bg-footer .card-content-inner p{
  color: #fff !important;
  margin: .5em 0;
}


/* 诊疗项目页 */
.page-service .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 7px #e3e2e4;
}
.service-img{
  width: 100%;
  height: 10rem;
  overflow: hidden;
}
.service-img img{
  width: 100%;
}
.docSwiper{
  text-align: center;
}
.docSwiper .swiper-slide{
  margin-bottom: 1.5rem;
}
.square-container {
  width: 100%;        /* 设置容器宽度 */
  aspect-ratio: 1 / 1; /* 固定宽高比为1:1 */
  overflow: hidden;    /* 裁剪超出部分 */
  border-radius: 50%;
}
.square-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 保持比例填充容器，可能裁剪边缘 */
  /* 可选：object-fit: contain; 图片完整显示，但可能留空白 */
}

.docSwiper p{
  margin-bottom: 0;
  
}

/* 文章页面 */
.page-article .content-padded h3{
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-article .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 7px #e3e2e4;
}
.page-article .card-footer{
  border-bottom: 1px solid #e3e2e4;
  margin-bottom: .5rem;
}
.page-article .card-footer:before {
  height: 0px;
}
.page-article .card-footer, .card-header {
  padding:0;
  
}
.page-article .card-footer .author{
  display: inline-flex;
      align-items: center;
}

.page-article .card-footer .author img{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: .2rem;
}
/* .page-article .article-content p{
  text-indent: 4ch;
} */
.page-article .article-content img{
  width: 100%;
  height: auto;
}

/* 专家页 */
input.city-picker {
  background: transparent;
  text-align: center;
  border: none;
  outline: none;
}

.picker-item{
  font-size: .8rem;
  padding: 0;
}
.picker-item.picker-selected{
  font-size: 1rem;
}
.picker-modal{
  background: #fff;
  box-shadow: 0 0 11px 0px #d8dbda;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
.picker-modal .bar.bar-nav{
  background: #fff;
  color: #838685;
 
}
.picker-modal .bar:after,.picker-modal .bar::before{
  background: transparent;
}
.picker-center-highlight:before,.picker-center-highlight::after{
 background: #e3e2e4;
}
.page-docs .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 7px #e3e2e4;
}
.page-docs .card .card-content-inner .b-title{
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: .3rem;
  font-weight: 500;
  color: #333333;
}
.page-docs .card .card-content-inner p{
  margin-top: 0;
  margin-bottom: .3rem;
}

/* 医生介绍 */
.page-doctor .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 7px #e3e2e4;
}
.page-doctor .card .card-content-inner .b-title{
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: .3rem;
  font-weight: 500;
  color: #333333;
}
.page-doctor .card .card-content-inner p{
  margin-top: 0;
  margin-bottom: .3rem;
}
.page-doctor .card .list-block .item-content{
  padding-right: .75rem;
}
.list-block.doc-xx .item-title-row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
}
.list-block.doc-xx .item-media img{
  border-radius: 50%;
  overflow: hidden;
  width: 2.5rem;
}
.list-block.doc-xx .item-inner .item-after{
  font-size: .6rem;
  color: #00baad;
  background-color: #d5faec;
}
.page-doctor .card .content-padded{
  margin: 0;
  padding: .5rem;
}
.page-doctor .card .content-padded h3{
  /* padding:.1rem 0; */
  margin: 0;
}
.page-doctor .card .content-padded ul{
  list-style: none;
  padding: 0;
}

/* 视频列表 */
.page-vedio .card{
  background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 0 7px #e3e2e4;
}
.vedio-list .item-content .item-title{
  color: #333333;
  padding-bottom: .3rem;
}
.vedio-list .item-content .item-img{
  border-radius: 10px;
  overflow: hidden;
  max-height: 180px;
}
.vedio-list .item-content .item-img img{
  width: 100%;
}

.vedio-list .item-content .item-img {
  position: relative;
  display: inline-block;
}

.vedio-list .item-content .item-img img {
  display: block;
  width: 100%;
  height: auto;
}

.vedio-list .item-content .item-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.5); /* 灰色蒙版 */
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.vedio-list .item-content .item-img:after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 40px;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.item-img:hover::before,
.item-img:hover::after {
  opacity: 1; /* 鼠标悬停时显示蒙版和播放按钮 */
}


#video-popup{
  background-color: rgba(128, 128, 128, 0.5); /* 灰色蒙版 */
}

#video-popup .content-padded{
  position: absolute;
  width: 100%;
  top: 30%;
}
#video-popup .content-padded iframe{
   width: 100%;
}
#video-popup .close-popup{
  color: #fff;
}