/* pages/home/appointment.wxss */
.topTitle {
  height: 94rpx;
  line-height: 94rpx;
  font-size: 28rpx;
  color: #333333;
  position: relative;
  padding: 0 42rpx;
  &::before {
    content: "";
    width: 10rpx;
    height: 30rpx;
    background: #52acff;
    position: absolute;
    left: 20rpx;
    top: 50%;
    margin-top: -15rpx;
  }
  .rule {
    float: right;
    font-size: 22rpx;
    color: #999999;
    .explainIcon {
      width: 20rpx;
      height: 20rpx;
      vertical-align: middle;
      margin-right: 5rpx;
      margin-top: -4rpx;
    }
  }
}
.certificationBlock {
  background: #fff;
  padding: 0 42rpx;
  .one {
    height: 84rpx;
    line-height: 83rpx;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    .title {
      width: 200rpx;
      float: left;
      font-size: 30rpx;
      color: #333333;
      font-weight: 400;
    }
    .con {
      width: 466rpx;
      float: right;
      font-size: 30rpx;
      position: relative;
      height: 83rpx;
      text-align: right;
      .picker {
        height: 83rpx;
        width: 100%;
      }
      .moreIcon {
        width: 15rpx;
        height: 24rpx;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -12rpx;
      }
      .placeholder {
        font-size: 26rpx;
        font-weight: 400;
        color: #999999;
      }
      .nurse-start-time {
        padding-right: 32rpx;
      }
      .placeholder-text {
        color: #999999;
      }
    }
    ._flex {
      input {
        padding-right: 32rpx;
      }
    }
  }
}
.imp {
  color: red;
  font-weight: bold;
  vertical-align: middle;
  margin: 0 8rpx;
}
.moreIcon {
  width: 15rpx;
  height: 34rpx;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -17rpx;
}
.noBorder {
  .one {
    &:last-child {
      border: 0px;
    }
    .remark-label {
      float: none;
    }
  }
}
.remark {
  width: 665rpx;
  height: 240rpx;
  border: 1px solid #999999;
  border-radius: 4rpx;
  font-size: 24rpx;
  color: #333333;
  padding: 0 12rpx;
  textarea {
    width: 100%;
    height: 100%;
  }
}
.appointmentBottom {
  height: 92rpx;
  position: relative;
  padding-left: 47rpx;
  margin: 30rpx 0px;
  display: -webkit-flex;
  -webkit-align-items: center;
  .confirmBtn {
    width: 230rpx;
    height: 92rpx;
    background: #52acff;
    box-shadow: 0px 2px 6px 0px rgba(27, 59, 88, 0.35);
    border-radius: 46rpx;
    line-height: 92rpx;
    text-align: center;
    color: #fff;
    font-size: 30rpx;
    position: absolute;
    right: 20rpx;
    top: 0px;
  }
  .top {
    line-height: 25rpx;
    font-size: 26rpx;
    color: #333333;
    .money {
      color: #ed430f;
    }
  }
  .desc {
    font-size: 18rpx;
    color: #999999;
    line-height: 17rpx;
    margin-top: 4rpx;
  }
}
.fixedBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.boldPhone{
  font-weight: bold;
}
