/* healthyService/pages/healthyIntro/healthyIntro.wxss */
.page{
    
    margin-top: 172rpx;
   overflow: hidden;
   display: flex;
   flex-direction: column;
    height: calc(100vh - 172rpx);
    position: relative;
}
.imgbox{
    position: relative;
}
page{
    height: 100vh;
    overflow: hidden;
}
.btn{
    position: absolute;
  
    left: 50%;
    margin-left: -232rpx;
    width:464rpx;
    height: 86rpx;
    bottom:130rpx;
}
.bg{
    width:100%;
}
.top{
    position: absolute;
   top:10rpx;
    width:100%;
    display: flex;
    justify-content: center;
    padding:20rpx 0;
  }
  .top .up{
    width:40rpx;
    height:22rpx;
    transition: all 0.5s;
  }
  .top .up.active{
    transform: rotate(180deg);
  }
  .popname{
    margin-top: 60rpx;
    padding:20rpx 52rpx 30rpx;
    font-size: 34rpx;
    color:#333;
    border-bottom: 1px solid #E7E7E7;
  }
.popwrper{
    top:0rpx;
    background-color: #fff;
   position: relative;
   transition: height 0.5s;
   width:100%;
   border-radius: 20rpx;
   overflow: hidden;
  height:100%;
   bottom:0px;
  }
  .wraper{
 
    height: 100%;
  }
  .containexpert{
    margin-top: 172rpx;
    padding: 0 30rpx 0rpx;
    overflow: hidden;
    position: relative;
    transform: all 0.3s ease;
  }
  .droptitle,.van-ellipsis{
    font-size: 30rpx!important;
  }
  .namebox .name{
      max-width:400rpx;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  
  .droptitle.active{
    color:#3CC7C0;
  }
  .searchbox {
    width: 100%;
    height: 72rpx;
    display: flex;
    border-radius: 40rpx;
    align-items: center;
    margin-top: 20rpx;
    background: #FBFBFB;
    border-radius: 36px;
    border: 1rpx solid #CCCCCC;
  }
  
  .searchbox input {
    margin-left: 30rpx;
    flex: 1;
    font-size: 32rpx;
    height: 80rpx;
  }
  
  .searchbox image {
    width: 30rpx;
    height: 30rpx;
    margin-right: 28rpx;
  }
  
  .scroll-view_H {
    height:195rpx;
    white-space: nowrap;
    vertical-align: top;
  }
  .scroll-view-item_H{
    /* width: 154rpx; */
    padding:0 15rpx;
    background: #F4F4F4;
    border-radius: 30rpx;
    font-size: 28rpx;
    color: #666666;
    margin-left: 36rpx;
    border: 1rpx solid #F4F4F4;
    height: 58rpx;
    display: inline-block;
    text-align: center;
    line-height: 58rpx;
  }
  
  .page-section-spacing .row{
    margin-top: 40rpx;
    margin-bottom: 30rpx;
  }
  .page-section-spacing .row:last-child{
    margin-top: 30rpx;
    margin-bottom: 10rpx;
  }
  .scroll-view_H .scroll-view-item_H:first-child{
    margin-left: 0rpx;
   
  }
  .scroll-view-item_H.active {
    background: #E2FFFE;
    color: #3CC7C0;
    border: 1rpx solid #3CC7C0;
  }
  .van-dropdown-menu{
    box-shadow: none!important;
   
  }
  .viewcell{
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    padding:40rpx 30rpx 30rpx;
    width:100%;
    border-radius: 10rpx;
    background-color: #fff;
    border-bottom: 1rpx solid #E7E7E7;
  }
  .viewcell:last-child{
    border-bottom: none;
  }
  .viewcell .type{
    height: 32rpx;
    margin-bottom: 6rpx;
    line-height: 32rpx;
    display: flex;
    white-space: nowrap;
    align-items: center;
    margin-left: 18rpx;
    padding:0rpx 6rpx;
    background: #ED9C00;
    border-radius: 4rpx;
    color: #FFFFFF;
    font-size: 24rpx;
  }
  .viewcell .hospital{
    margin-top: 12rpx;
    color: #333333;
    display: flex;
    font-size: 30rpx;
    word-wrap: break-word;
  }
  .hospital_name{
    word-wrap: break-word;
    margin-right: 10rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .goodjob{
  color: #666666;
  margin-top: 28rpx;
  line-height: 42rpx;
  font-size: 28rpx;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  overflow: hidden;
  }
  .price{
    font-size: 28rpx;
   position: relative;
  }
  
  .price text{
    margin-left: 5rpx;
    font-size: 32rpx;
    color:#EF4F20;
  }
  .viewcell .right{
    flex:1;
    margin-left: 20rpx;
  }
  .viewcell  image{
    width:80rpx;
    height:80rpx;
    border-radius:50%;
  }
  .namebox{
    display: flex;
    font-size: 34rpx;
    font-weight: 600;
    color:#333;
    align-items: flex-end;
  }
  .namebox .position{
    font-weight: normal;
    margin-left: 15rpx;
    font-size: 30rpx;
  }
  .dropOnline.active{
    color: #3CC7C0;
  }
  .diseaseType{
  height: 40rpx;
  background: #E2FFFE;
  border-radius: 20rpx;
  margin-right: 20rpx;
  border: 1rpx solid #3CC7C0;
  color: #3CC7C0;
  font-size: 24rpx;
  display: inline-flex;
  text-align: center;
  padding:0 15rpx;
  align-items: center;
  justify-content: center;
  margin-top: 20rpx;
  white-space: nowrap;
  }
  .detail{
    margin-top: 20rpx;
    display: flex;
    font-size: 24rpx;
  }
  .detail view{
    margin-right:40rpx;
  }
  
  .detail view text{
    font-size: 28rpx;
    color:#3CC7C0;
  }
  .consultbox{
      position: relative;
   
    margin-top: 28rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .consult{
    height: 60rpx;
  background: #3CC7C0;
  border-radius: 30rpx;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding:0 20rpx;
  font-size: 30rpx;
  }
  .wraper{
    display: flex;
    flex-direction: column;
  }
  .scrollwraper{
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .dropdown{
    width:100%;
    position: relative;
    justify-content:center;
    align-items: center;
    border-bottom: 1rpx solid #E7E7E7;
    display: flex;
  }
  .dropdown .bar{
  
    height:40rpx;
    width:1rpx;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    position: absolute; 
    background:#ccc;
    opacity: 0.9;
  }
  .dropbar{
    background:#ccc;
    opacity: 0.9;
    height:40rpx;
    width:1rpx;
    position: static;
    margin-top: 30rpx;
  }
  .dropOnline{
    display: flex;
    justify-content: center;
    align-items: center;
    width:33.33%;
  }
  .viewcell .left{
    position: relative;
  }
  .price  .expert_prcie{
      text-decoration: line-through;
      color:#999;
  }
  .price  .expert_prcie .priceactive{
      color:#999;
  }
  .pricecell{
      display: flex;
      font-size: 30rpx;
      align-items: center;
      white-space: nowrap;
  }
  .videocell{
      position: absolute;
      right:0rpx;
  }
  .price.qs{
      display: none;
  }
  .price.gy,.price.hasfree{
      display: none;
  }
  .nonekaitong{
      position: absolute;
      top:0rpx;
      font-size: 30rpx;
      right:320rpx;
  }
  .nonekaitong text{
      font-size: 30rpx;
  }
  .popwrper{
      display: flex;
      flex-direction: column;
  }
  .nonedata{
      display:flex;
      width:100%;
      min-height:500rpx;
    align-items: center;
    justify-content: center;
  }