xinda-miniprogram/src/patient/pages/personalInformation/index.scss

.page {
  padding-bottom: 200rpx;
  .page-container {
    width: 100%;
    padding: 30rpx 38rpx;
    box-sizing: border-box;

    .banner-new {
      .row {
        margin-top: 48rpx;
        &:first-of-type {
          margin-top: 0;
        }
        .row-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          .label {
            font-size: 32rpx;
            color: rgba(33, 29, 46, 1);
            font-weight: bold;
            .sub {
              color: rgba(105, 104, 110, 1);
              font-weight: normal;
            }
          }
          .change-phone {
            font-size: 32rpx;
            color: #cf5375;
          }
        }
        .row-content {
          padding-top: 24rpx;
          .input {
            padding: 24rpx 48rpx;
            background-color: rgba(246, 248, 249, 1);
            border-radius: 116rpx;
            color: #283031;
            line-height: 40rpx;
          }
          .place-input {
            color: #999999;
          }
          .radio-btns {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 22rpx;
            &.radio-btns3 {
              grid-template-columns: repeat(3, 1fr);
            }
            .btn {
              padding: 24rpx;
              font-size: 32rpx;
              color: rgba(173, 172, 178, 1);
              text-align: center;
              line-height: 40rpx;
              border-radius: 116rpx;
              border: 1px solid rgba(246, 248, 249, 1);
              background-color: rgba(246, 248, 249, 1);
              &.active {
                color: rgba(185, 130, 255, 1);
                border-color: rgba(185, 130, 255, 1);
                background-color: #FAF6FF;
              }
            }
          }
          .r-picker {
            display: block;
            .r-picker-content {
              padding: 24rpx 28rpx;
              background: #f2f2f2;
              border-radius: 12rpx 12rpx 12rpx 12rpx;
              border: 1rpx solid #cccccc;
              display: flex;
              align-items: center;
              justify-content: space-between;
              .value {
                font-size: 32rpx;
                color: #283031;
                line-height: 40rpx;
                &:empty {
                  &::after {
                    content: attr(data-place);
                    color: #999999;
                    font-size: 32rpx;
                  }
                }
              }
              .triangle {
                width: 48rpx;
                height: 48rpx;
              }
            }
          }
        }
      }
      .protocol {
        margin-top: 48rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .wrap {
          line-height: 1;
          .name {
            font-size: 32rpx;
            color: #283031;
            font-weight: bold;
          }
          .book {
            margin-top: 16rpx;
            font-size: 28rpx;
            color: #cf5375;
          }
        }
      }
    }

    // .footer-new {
    //   position: fixed;
    //   left: 0;
    //   bottom: 80rpx;
    //   z-index: 10;
    //   width: 100%;
    //   padding: 0 30rpx;
    //   box-sizing: border-box;
    //   display: grid;
    //   grid-template-columns: repeat(auto-fit, minmax(200rpx, 1fr));
    //   gap: 20rpx;
    //   .btn1 {
    //     height: 88rpx;
    //     text-align: center;
    //     line-height: 88rpx;
    //     background: #dddddd;
    //     font-size: 34rpx;
    //     font-weight: bold;
    //     color: #283031;
    //     border-radius: 24rpx 24rpx 24rpx 24rpx;
    //   }
    //   .btn2 {
    //     height: 88rpx;
    //     text-align: center;
    //     line-height: 88rpx;
    //     background: #dddddd;
    //     font-size: 34rpx;
    //     font-weight: bold;
    //     color: #283031;
    //     border-radius: 24rpx 24rpx 24rpx 24rpx;
    //   }
    //   .btn3 {
    //     height: 88rpx;
    //     text-align: center;
    //     line-height: 88rpx;
    //     background: #dddddd;
    //     font-size: 34rpx;
    //     font-weight: bold;
    //     color: #283031;
    //     border-radius: 24rpx 24rpx 24rpx 24rpx;
    //   }
    // }

    .cancellation {
      margin: 58rpx -38rpx 0;
      height: 96rpx;
      text-align: center;
      line-height: 96rpx;
      font-size: 32rpx;
      color: rgba(195, 148, 255, 1);
      border-top: 1px solid rgba(246, 248, 249, 1);
      border-bottom: 1px solid rgba(246, 248, 249, 1);
      &:last-of-type{
        margin-top: 0;
        border: none;
      }
    }
  }

  .picker {
    font-size: 28rpx;
    color: #023eba;
    max-width: 50vw;
  }

  .call {
    text-align: center;
    margin: 0 auto;
    width: 560rpx;
    height: 80rpx;
    line-height: 80rpx;
    background: #023eba;
    border-radius: 100px 100px 100px 100px;
    font-size: 34rpx;
    font-family:
      Source Han Sans CN-Bold,
      Source Han Sans CN;
    font-weight: bold;
    color: #ffffff;
  }

  .order-shop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 666;
  }

  .order-shop-worker {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 3;
  }

  .order-shop-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    max-height: 80vh;
    background: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
    border-radius: 32rpx 32rpx 0px 0px;
    padding: 48rpx 0 60rpx;
  }

  .order-shop-worker-box {
    width: 646rpx;
    padding: 48rpx 40rpx 64rpx;
    background: #ffffff;
    border-radius: 32rpx;
  }

  .order-shop-title {
    text-align: center;
    font-size: 36rpx;
    font-family:
      PingFangSC-Medium,
      PingFang SC;
    font-weight: bold;
    color: #222222;
    line-height: 50rpx;
  }

  .order-search {
    box-sizing: border-box;
    width: 690rpx;
    height: 84rpx;
    line-height: 84rpx;
    background: #f8f8f8;
    border-radius: 42rpx;
    margin: 32rpx auto;
    padding-left: 74rpx;
    background-position: 30rpx center;
    background-repeat: no-repeat;
    background-size: 36rpx;
    background-image: url(data:image/png;base64,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
  }

  .search-input {
    font-size: 28rpx;
    line-height: 84rpx;
    height: 84rpx;
    padding-right: 30rpx;
  }

  .search-cell-box {
    max-height: 550rpx;
  }

  .search-cell {
    display: flex;
    justify-content: space-between;
    padding: 0 60rpx;
    color: #aeb6cd;
  }

  .shop-text {
    padding: 20rpx 0;
    text-align: center;
    line-height: 40rpx;
    // border-bottom: 2rpx solid #f8f8f8;
    flex: 1;
    font-size: 32rpx;
    font-family:
      Alibaba PuHuiTi-Medium,
      Alibaba PuHuiTi;
    font-weight: 500;
  }

  .search-cell-active {
    border-bottom: none;
    color: #364e9e;
    font-size: 32rpx;
    font-family:
      Alibaba PuHuiTi-Medium,
      Alibaba PuHuiTi;
    font-weight: 500;
    color: #364e9e;
  }

  .fl1 {
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
  }

  .closeShop {
    color: #aeb6cd;
    font-size: 28rpx;
    margin-left: auto;
  }

  .clickShop {
    color: #364e9e;
    font-size: 28rpx;
  }

  .empty-image {
    margin: 0 auto;
    width: 100%;
    padding-top: 450rpx;
    text-align: center;
    background-position: center 100rpx;
    background-size: 300rpx;
    background-repeat: no-repeat;
    background-image: url(https://m.zd.hbraas.com/zd/none.png?t={{Timestamp}});
  }

  .moretext {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.popup {
  .popup-title {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 40rpx;
    font-size: 32rpx;
    .clsoe {
      color: #7f7f7f;
    }
    .sure {
      color: #22c065;
    }
  }
  .popup-picker {
    .picker-col {
      padding: 10rpx 30rpx;
      font-size: 28rpx;
      line-height: 40rpx;
      box-sizing: border-box;
      display: flex;
      align-items: center;
    }
  }
}