miniprogram-wxAppPatient/healthyService/pages/healthyOrder/healthyOrder.wxss

/* pages/consultOrder/consultOrder.wxss */
/**app.wxss**/
.container {
    padding-top: 135px;
    padding-bottom: 10rpx;
   /* top:280rpx; */
    /* position: absolute; */
    width:100%;
    /* overflow-y: scroll; */
    background: #F2F2F2;
  } 
  input{
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
  }
  page{
    position: relative;
    width:100%;
    height:100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
    sans-serif;
  }
  .page{
    width:100vw;
    height:100vh;
    background: #f2f2f2;
  }
  .contain{padding: 0 30rpx 0rpx;height: 100%;overflow: hidden;position: relative;}
  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
  }
  .van-picker__confirm {
    color:#3CC7C0!important;
    font-size: 32rpx!important;
  }
  .van-picker__title{
    font-weight: 600!important;
  color: rgba(0,0,0,0.9)!important;
  font-size: 32rpx!important;
  }
  .van-picker__cancel{
    color: rgba(0,0,0,0.6)!important;
    font-size: 32rpx!important;
  }
  .nonedata{
    width:100%;
    color:#666;
    min-height: 320rpx;
    font-size: 28rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ui-navigatorbar {
    position: fixed;
    z-index:99;
    top: 0;
    width: 750rpx;
    height: 172rpx;
    background: #F2F2F2;
    backdrop-filter: blur(20px);
  }
  
  .ui-navigatorbar-back {
    position: absolute;
    padding-left:40rpx;
    padding-right:40rpx;
    width:30rpx;
    height:60rpx;
    left: 0rpx;
    bottom: 20rpx;
  }
  
  .ui-title {
    position: absolute;
    width: 350rpx;
    height: 88rpx;
    line-height: 56rpx;
    font-size: 36rpx;
    color: #000000;
    bottom: 0;
    left: 200rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .droptitle.active{
    color:#3CC7C0;
  }
  .slotmsg{
    -webkit-overflow-scrolling: touch;
      font-size: 28rpx;
      line-height:40rpx;
      max-height:60vh;
      overflow-y: auto;
      padding:48rpx;
      text-align: center;
  }
  .van-dropdown-item__title{
    width:100%!important;
    flex:1;
    text-align: center;
  }
  .van-dropdown-item__icon{
    z-index:2;
    position: absolute!important;
  
    right:25rpx;
  }
   .van-cell__value{
    flex:none!important;
    z-index:1;
  }
  .onlinebox .icon{
    top:60rpx;
    left:50%;
    position: absolute;
    margin-left: -48rpx;
  width:96rpx;
  height:34rpx;
  border-radius: 0;
  }
.page {
  display: flex;
  flex-direction: column;
}

.dropdown {
  position: relative;
  height:102rpx;
  margin-top: 172rpx;
}

.dropdown .bar {
  position: absolute;
  height: 40rpx;
  width: 1rpx;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ccc;
  opacity: 0.9;
}

.van-dropdown-menu {
  box-shadow: none !important;
  border-bottom: 1rpx solid #E7E7E7;
}

.btn {
  position: absolute;
  bottom: 20rpx;
  left: 32rpx;
  right: 32rpx;
  display: flex;
  height: 94rpx;
  background: #3CC7C0;
  border-radius: 47rpx;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #3CC7C0;

}

.nodata {
  flex: 1;
  display: flex;
 
  flex-direction: column;
  align-items: center;
}

.noorder {
  margin-top: 150rpx;
  width: 518rpx;
  height: 325rpx;
}
.tips {
  font-size: 28rpx;
  font-weight: 400;
  color: #666666;
}
.hasdata{
 flex: 1;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 margin-top: 20rpx;
}
.datacell{
  background:#fff;
  padding-bottom: 20rpx;
  margin-bottom:10rpx;
}
.datacell:last-child{
  margin-bottom: 0;
}
.status{
  color: #333333;
  font-size: 28rpx;
}
.titlebox .name{
  color: #000;
  font-size: 32rpx;
}
.titlebox{
  padding:0 32rpx;
  height: 112rpx;
  border-bottom: 1rpx solid #E3E4E5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.waitpay{
  text-align: right;
  color: #EF4F20
}
.headicon{
  width:80rpx;
  height:80rpx;
  flex-shrink: 0;
  border-radius: 50%;
}
.van-count-down {
  margin-top: 5rpx;
  color: #EF4F20!important;
}
.infobox{
  padding:20rpx 32rpx 0;
 align-items: center;
  display: flex;
}
.infobox .name{
  margin-left: 30rpx;
  font-weight: 600;
}
.hospital{
  margin-left: 30rpx;
  font-size: 28rpx;
font-weight: 400;
color: #333333;
}
.infobox .position{
  font-weight:normal;
}
.validatetime{
    height: 64rpx;
    display: flex;
    background: #FAFAFA;
    padding: 10rpx;
    font-size: 28rpx;
    color: #333;
    margin:20rpx 32rpx 0;
    align-items: center;
    border-radius: 8rpx;
}
.row{
  align-items: center;
  padding:0 32rpx;
  display: flex;
  line-height: 52rpx
}
.row.first{
  margin-top: 15rpx;
}
.row .name{
  white-space: nowrap;
  font-size: 28rpx;
  color:#333;
  font-weight: 600;
  width:112rpx;
 align-items: baseline;
}
.row.first .name{

  display: flex;
  justify-content: space-between;
 
}
.row .dot{
  align-items: baseline;
  height: 52rpx;
  font-weight: 600;
  display: flex;
 
}
.row .desc{
  align-items: baseline;
  font-size: 28rpx;
  line-height: 52rpx;
  color:#333;
}
.row .desc.red{
  color:rgba(239, 79, 32, 1);
}
.rowdesc{
  align-items: flex-start;
}
.namedesc{
  display: flex;
  align-items: center;
}
.rowdesc .desc{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}
.row .price{
color:#EF4F20;
font-weight: bold;
font-size:34rpx
}
.row.last{
  justify-content: space-between;
}
.row .left{
 display: flex;
}
.row  .right{
  display: flex;
}
.righticon{
  width:24rpx;
  height:48rpx;
}
.right .detail{
  margin-right: 10rpx;
  color: #666666;
}
.agebar{
  display: inline-block;
  width:2rpx;
  background: #333;
  height:26rpx;
  margin: 0rpx 10rpx 0;
}