.row-close {
  margin-top: 44rpx;
  display: flex;
  justify-content: center;
}

.popup {
  position: relative;
  z-index: 9999999999;
  .badge {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 350rpx;
    height: 350rpx;
    z-index: 1;
  }

  .popup-container {
    margin-top: -200rpx;
    width: 90vw;
    border-radius: 24rpx;
    padding: 164rpx 50rpx 62rpx;
    box-sizing: border-box;
    text-align: center;
    background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);

    .title {
      margin-top: 38rpx;
      font-size: 36rpx;
      color: #3b4f98;
      font-weight: bold;
    }

    .content {
      margin-top: 20rpx;
      font-size: 32rpx;
      color: #afb7cb;
      line-height: 52rpx;

      .num {
        color: #ee9d1f;
        font-size: 48rpx;
        font-weight: bold;
      }
      .beg {
        .b-title {
          font-size: 32rpx;
          color: #ee9d1f;
        }
      }
      .operate-one {
        .o-title {
          font-size: 32rpx;
          color: #afb7cb;
          .o-num {
            font-size: 48rpx;
          }
        }
        .o-content {
          font-size: 40rpx;
          color: #ee9d1f;
        }
      }
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #1241b3;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #1241b3;
      }

      .submit {
        background-color: #1241b3;
      }
    }
  }
}

.popup-medicine {
  .badge {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 304rpx;
    height: 299rpx;
    z-index: 1;
  }

  .popup-container {
    margin-top: -250rpx;
    width: 90vw;
    border-radius: 24rpx;
    padding: 255rpx 50rpx 50rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;

    .label {
      margin-top: 7rpx;
      font-size: 36rpx;
      color: #afb7cb;
      margin-bottom: 10rpx;
    }

    .name {
      font-size: 32rpx;
      color: #3b4f98;
      font-weight: bold;
    }
  }
}

.popup-scan {
  width: 90vw;
  position: relative;

  .bg {
    width: 100%;
  }

  .popup-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 255rpx;
    padding: 40rpx 50rpx 62rpx;
    border-radius: 19rpx;
    background-color: #fff;
    text-align: center;

    .title {
      margin-top: 38rpx;
      font-size: 48rpx;
      color: #3b4f98;
      font-weight: bold;
    }

    .content {
      margin-top: 20rpx;
      font-size: 36rpx;
      color: #3b4f98;
      line-height: 62rpx;

      .num {
        color: #ee9d1f;
        font-size: 36rpx;
        font-weight: bold;
      }
    }

    .label {
      margin-top: 7rpx;
      font-size: 36rpx;
      color: #afb7cb;
    }

    .name {
      font-size: 36rpx;
      color: #3b4f98;
      font-weight: bold;
    }
  }
}

.popup-record-success {
  .badge {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 350rpx;
    height: 350rpx;
    z-index: 1;
  }
  .popup-container {
    margin-top: -200rpx;
    width: 80vw;
    box-sizing: border-box;
    padding: 204rpx 50rpx 62rpx;
    border-radius: 19rpx;
    background-color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);

    .tip {
      font-size: 36rpx;
      color: #3b4f98;
      line-height: 67rpx;
      font-weight: bold;
    }
    .beginner {
      font-size: 32rpx;
      color: #ee9d1f;
      margin-top: 10rpx;
    }
  }
}

.popup-class {
  position: relative;
  width: 100vw;
  padding: 304rpx 0;

  .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .popup-container {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    width: 600rpx;
    padding: 0 40rpx 62rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #c6d6fa 0%, #f8fafe 30%, #ffffff 100%);

    .badge {
      margin-top: -80rpx;
      width: 376rpx;
      height: 350rpx;
    }

    .op {
      .op-tip {
        margin-top: 40rpx;
        font-size: 40rpx;
        color: #3b4f98;
        font-weight: bold;
      }
      .title {
        margin-top: 20rpx;
        font-size: 32rpx;
        color: #ee9d1f;
      }
      .price {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #afb7cb;
        .p-num {
          font-size: 48rpx;
          color: #ee9d1f;
        }
      }
    }

    .tip {
      margin-top: 40rpx;
      font-size: 36rpx;
      color: #3b4f98;
      font-weight: bold;
    }
    .ml {
      margin-top: 20rpx;
      font-size: 32rpx;
      color: #afb7cb;
      .num {
        font-size: 48rpx;
        color: #ee9d1f;
      }
    }

    .done {
      margin-top: 56rpx;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size: 32rpx;
      font-weight: bold;
      color: #ffffff;
      background: #1241b3;
      border-radius: 49px;
    }
  }
}

.popup-class-inject {
  .badge {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 364rpx;
    height: 380rpx;
  }

  .popup-container {
    margin-top: -277rpx;
    width: 90vw;
    padding: 248rpx 50rpx 62rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;

    .content {
      font-size: 40rpx;
      color: #3b4f98;
      line-height: 60rpx;
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #1241b3;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #fff;
        border-color: #afb7cb;
        background-color: #afb7cb;
      }

      .submit {
        background-color: #1241b3;
      }
    }
  }
}

.popup-unbind {
  .badge {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 256rpx;
    height: 256rpx;
  }

  .popup-container {
    margin-top: -177rpx;
    width: 90vw;
    padding: 220rpx 50rpx 62rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;

    .content {
      font-size: 36rpx;
      color: #cf5375;
      line-height: 60rpx;
      font-weight: bold;
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #cf5375;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #fff;
        border-color: #afb7cb;
        background-color: #afb7cb;
      }

      .submit {
        background-color: #cf5375;
      }
    }
  }
}

.popup-withdraw {
  .badge {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 204rpx;
    height: 278rpx;
  }

  .popup-container {
    margin-top: -206rpx;
    width: 626rpx;
    padding: 220rpx 50rpx 62rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;

    .content {
      font-size: 32rpx;
      color: #484848;
      font-weight: bold;
      line-height: 50rpx;
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #e04775;
        border: 2rpx solid #f0b8c9;
      }

      .submit {
        background: #e04775;
      }
    }
  }
}

.popup-home-inhibitor {
  text-align: center;
  .badge {
    width: 481rpx;
    height: 476rpx;
  }
  .popup-container {
    margin-top: -310rpx;
    border-top: 129rpx solid #023ebb;
    width: 90vw;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #023ebb;
    .container {
      position: relative;
      z-index: 10;
      background-color: #fff;
      border-radius: 19rpx;
      padding: 69rpx 42rpx 62rpx;
      .title {
        font-size: 36rpx;
        color: #023eba;
        font-weight: bold;
      }
      .day {
        font-size: 28rpx;
        color: #aeb7cd;
        .num {
          font-size: 42rpx;
          color: #fa7b7e;
        }
      }

      .content {
        margin-top: 29rpx;
        padding: 38rpx 16rpx;
        font-size: 28rpx;
        color: #9ba5bd;
        line-height: 42rpx;
        border-radius: 12rpx;
        background-color: #f7f8fb;
        .c-title {
          color: #3b4f98;
          font-weight: bold;
          margin-bottom: 30rpx;
        }
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
      }
    }
  }
}

.popup-my-health-record {
  .badge {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 285rpx;
    height: 282rpx;
    z-index: 1;
  }

  .popup-container {
    margin-top: -170rpx;
    width: 90vw;
    border-radius: 24rpx;
    padding: 164rpx 50rpx 62rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;

    .title {
      margin-top: 28rpx;
      font-size: 44rpx;
      color: #3b4f98;
      font-weight: bold;
      line-height: 62rpx;
    }
    .week {
      margin-top: 19rpx;
      font-size: 44rpx;
      color: #3b4f98;
      font-weight: bold;
      line-height: 62rpx;
    }

    .content {
      font-size: 32rpx;
      color: #afb7cb;
      line-height: 52rpx;

      .num {
        color: #ee9d1f;
        font-size: 48rpx;
        font-weight: bold;
      }
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #1241b3;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #1241b3;
      }

      .submit {
        background-color: #1241b3;
      }
    }
  }
}

.popup-doc {
  .popup-container {
    width: 90vw;
    border-radius: 24rpx;
    padding: 62rpx 50rpx 62rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;

    .title {
      margin-top: 28rpx;
      font-size: 44rpx;
      color: #3b4f98;
      font-weight: bold;
      line-height: 62rpx;
    }

    .content {
      margin-top: 20rpx;
      font-size: 28rpx;
      height: 50vh;
      overflow-y: scroll;
      text-align: left;
      .h1 {
        text-indent: 2em;
        color: #919191;
        line-height: 52rpx;
      }
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #1241b3;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #1241b3;
      }

      .submit {
        background-color: #1241b3;
      }
    }
  }
}

.popup-reg-protocol {
  text-align: center;
  .popup-container {
    width: 90vw;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #023ebb;
    .container {
      position: relative;
      z-index: 10;
      background-color: #fff;
      border-radius: 19rpx;
      padding: 69rpx 42rpx 62rpx;
      .title {
        font-size: 40rpx;
        color: #495069;
        font-weight: bold;
      }

      .content {
        margin-top: 29rpx;
        padding: 38rpx 16rpx;
        font-size: 32rpx;
        color: #9ba5bd;
        border-radius: 12rpx;
        line-height: 54rpx;
      }

      .footer {
        margin-top: 42rpx;

        .cancel,
        .submit {
          flex: 1;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
        .protocol {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 30rpx;
          font-size: 24rpx;
          color: #9ba5bd;
          .checkbox {
            display: inline;
            width: 32rpx;
            height: 32rpx;
          }
          .a {
            color: #1241b3;
          }
        }
      }
    }
  }
}

.popup-class-detail-once {
  text-align: center;
  .popup-container {
    width: 90vw;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #023ebb;
    .container {
      position: relative;
      z-index: 10;
      background-color: #fff;
      border-radius: 19rpx;
      padding: 69rpx 42rpx 62rpx;
      .title {
        font-size: 36rpx;
        color: #023eba;
        font-weight: bold;
      }

      .content {
        margin-top: 29rpx;
        padding: 38rpx 16rpx;
        font-size: 28rpx;
        color: #9ba5bd;
        line-height: 42rpx;
        border-radius: 12rpx;
        background-color: #f7f8fb;
        text-align: justify;
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
      }
    }
  }
}

.popup-soory-enter {
  text-align: center;
  .popup-container {
    width: 90vw;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    background-color: #023ebb;
    .container {
      position: relative;
      z-index: 10;
      background-color: #fff;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      border-radius: 19rpx;
      padding: 69rpx 42rpx 62rpx;
      .badge {
        display: block;
        margin: 0 auto;
        width: 110rpx;
        height: 138rpx;
      }

      .content {
        max-height: 35vh;
        overflow-y: scroll;
        font-size: 26rpx;
        color: #495069;
        text-align: justify;
        line-height: 44rpx;
        .br {
          padding: 12rpx 0;
        }
      }

      .protocol {
        margin-top: 32rpx;
        font-size: 24rpx;
        color: #495069;
        .p-header {
          display: flex;
          justify-content: center;
          .checkbox {
            margin-right: 12rpx;
            width: 32rpx;
            height: 32rpx;
            display: inline;
            overflow: hidden;
          }
          .a {
            color: #1241b3;
          }
        }
        .tip {
          margin-top: 24rpx;
          text-align: justify;
          color: #b6b7ba;
        }
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          height: 84rpx;
          box-sizing: border-box;
          line-height: 84rpx;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #e04775;
        }
      }
    }
  }
}

.popup-story-lead {
  padding-top: 20rpx;
  text-align: center;
  .popup-header {
    position: relative;
    padding: 43rpx 0 60rpx 54rpx;
    font-size: 28rpx;
    background: #1241b3;
    border-radius: 24rpx 93rpx 24rpx 24rpx;
    .content {
      font-size: 28rpx;
      line-height: 46rpx;
      color: #fff;
      text-align-last: left;
      .num {
        font-size: 36rpx;
      }
    }
    .bg {
      position: absolute;
      right: 0;
      top: 0;
      width: 196rpx;
      height: 181rpx;
    }
  }
  .popup-container {
    position: relative;
    margin-top: -20rpx;
    width: 90vw;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    .bg {
      width: 100%;
      height: 600rpx;
    }
    .container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      // background-color: #fff;
      border-radius: 19rpx;
      padding: 69rpx 42rpx 62rpx;

      .content {
        font-size: 42rpx;
        color: #023eba;
        font-weight: bold;
        text-align: justify;
        line-height: 60rpx;
      }
      .sub-content {
        margin-top: 21rpx;
        font-size: 28rpx;
        text-align: justify;
        line-height: 44rpx;
        color: #aeb7cd;
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          max-width: 312rpx;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
      }
    }
  }
}

.popup-story-star {
  text-align: center;
  .badge {
    position: relative;
    z-index: 2;
    display: block;
    width: 306rpx;
    height: 233rpx;
    margin: 0 auto;
  }
  .popup-container {
    position: relative;
    z-index: 1;
    margin-top: -156rpx;
    width: 624rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    height: 600rpx;
    background-color: #fff;
    .bg {
      width: 100%;
    }
    .container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 163rpx 42rpx 62rpx;

      .content {
        font-size: 42rpx;
        color: #023eba;
        font-weight: bold;
        text-align: justify;
        text-align: center;
      }
      .sub-content {
        text-align: center;
        margin-top: 21rpx;
        font-size: 28rpx;
        text-align: justify;
        line-height: 52rpx;
        color: #023eba;
        view {
          text-align: center;
        }
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          max-width: 312rpx;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
      }
      .tip {
        margin-top: 30rpx;
        font-size: 28rpx;
        color: #aeb7cd;
      }
    }
  }
}

.popup-story-share {
  text-align: center;
  .badge {
    position: relative;
    z-index: 2;
    width: 325rpx;
    height: 335rpx;
  }
  .popup-container {
    margin-top: -250rpx;
    position: relative;
    z-index: 1;
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    height: 652rpx;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .bg {
      width: 100%;
      height: 100%;
    }
    .container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 251rpx 42rpx 62rpx;
      .satellite1 {
        width: 62rpx;
        height: 62rpx;
        position: absolute;
        top: 133rpx;
        left: 19px;
      }
      .satellite2 {
        width: 52rpx;
        height: 52rpx;
        position: absolute;
        top: 370rpx;
        right: 0;
      }
      .sub-content {
        padding: 23rpx 0 39rpx;
        margin: 36rpx 15rpx 0;
        text-align: center;
        font-size: 28rpx;
        text-align: justify;
        line-height: 44rpx;
        color: #495069;
        background-color: #fff;
        border-radius: 22rpx;
        view {
          text-align: center;
          text {
            color: #ee9d1f;
            font-size: 28rpx;
            font-weight: bold;
          }
        }
      }

      .footer {
        margin-top: 43rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        > view:not(:last-of-type),
        > image {
          margin-right: 33rpx;
        }

        .cancel,
        .submit {
          flex: 1;
          max-width: 312rpx;
          height: 80rpx;
          box-sizing: border-box;
          line-height: 78rpx;
          border: 1rpx solid #1241b3;
          border-radius: 48rpx;
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }

        .cancel {
          color: #fff;
          border-color: #afb7cb;
          background-color: #afb7cb;
        }

        .submit {
          background-color: #1241b3;
        }
      }
      .tip {
        margin-top: 30rpx;
        font-size: 28rpx;
        color: #aeb7cd;
      }
    }
  }
}

.popup-beginner-guide {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .container {
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 0 42rpx 62rpx;
      background-color: #fff;
      .badge {
        width: 320rpx;
        height: 320rpx;
      }
      .content {
        margin-top: 28rpx;
        font-size: 36rpx;
        color: #023eba;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 20rpx;
        font-size: 28rpx;
        color: #364e9e;
        font-weight: bold;
        .num {
          color: #fc7c7c;
        }
      }
      .submit {
        margin-top: 56rpx;
        width: 100%;
        height: 80rpx;
        font-size: 32rpx;
        color: #ffffff;
        text-align: center;
        line-height: 80rpx;
        background: #023eba;
        border-radius: 100rpx 100rpx 100rpx 100rpx;
      }
    }
  }
}

.popup-tfb-success {
  .badge {
    position: relative;
    display: block;
    margin: 0 auto 0;
    width: 350rpx;
    height: 350rpx;
    z-index: 1;
  }
  .popup-container {
    margin-top: -200rpx;
    width: 80vw;
    box-sizing: border-box;
    padding: 204rpx 50rpx 62rpx;
    border-radius: 19rpx;
    background-color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #82a4f7 0%, #fbfcff 30%, #ffffff 100%);

    .tip {
      font-size: 40rpx;
      color: #3b4f98;
      line-height: 67rpx;
      font-weight: bold;
    }
    .beginner {
      font-size: 32rpx;
      color: #afb7cb;
      margin-top: 10rpx;
      line-height: 44rpx;
      .num {
        font-size: 48rpx;
        color: #ee9d1f;
      }
    }
  }
}

.popup-adl-alert {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 430rpx;
      height: 304rpx;
    }
    .container {
      margin-top: -184rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 184rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #484848;
        .num {
          color: #fc7c7c;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        display: flex;
        justify-content: space-between;
        .cancel {
          margin-right: 30rpx;
          flex: 1;
          height: 88rpx;
          font-size: 32rpx;
          color: #cf5375;
          text-align: center;
          line-height: 84rpx;
          border-radius: 24rpx;
          box-sizing: border-box;
          border: 2rpx solid #f0b8c9;
        }
        .submit {
          flex: 1;
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
  &.popup-adl-alert-drug {
    .container {
      background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
      .c-footer {
        .cancel {
          border-color: #25d9c8;
          color: #25d9c8;
        }
        .submit {
          background-color: #4cebdc;
        }
      }
    }
  }
}

.popup-adl-alert-test {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 274rpx;
      height: 230rpx;
    }
    .container {
      margin-top: -184rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 184rpx 42rpx 20rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #484848;
        .num {
          color: #fc7c7c;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        .submit {
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
        .cancel {
          margin-top: 10rpx;
          height: 88rpx;
          font-size: 34rpx;
          color: #484848;
          line-height: 88rpx;
        }
      }
    }
  }
  &.popup-adl-alert-test-drug {
    .container {
      background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
      .c-footer {
        .submit {
          background-color: #4cebdc;
        }
      }
    }
  }
}

.popup-vip {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .container {
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 48rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .badge {
        width: 166rpx;
        height: 170rpx;
      }
      .content {
        margin-top: 24rpx;
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 32rpx;
        font-size: 32rpx;
        color: #cf5375;
        .icon {
          width: 32rpx;
          height: 22rpx;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        .submit {
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
}

.popup-task-model {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 430rpx;
      height: 304rpx;
    }
    .container {
      margin-top: -184rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 184rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        font-size: 36rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 16rpx;
        font-size: 28rpx;
        color: #484848;
        .num {
          color: #fc7c7c;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
        .link {
          color: #cf5375;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        display: flex;
        justify-content: space-between;
        .cancel {
          margin-right: 30rpx;
          flex: 1;
          height: 88rpx;
          font-size: 32rpx;
          color: #cf5375;
          text-align: center;
          line-height: 84rpx;
          border-radius: 24rpx;
          box-sizing: border-box;
          border: 2rpx solid #f0b8c9;
        }
        .submit {
          flex: 1;
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
  &.popup-task-model-drug {
    .container {
      background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
      .warn {
        .link {
          color: #25d9c8;
        }
      }
      .c-footer {
        .cancel {
          border-color: #25d9c8;
          color: #25d9c8;
        }
        .submit {
          background-color: #4cebdc;
        }
      }
    }
  }
}

.popup-health-care {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 430rpx;
      height: 304rpx;
    }
    .container {
      margin-top: -184rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 184rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #484848;
        .num {
          color: #fc7c7c;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        display: flex;
        justify-content: space-between;
        .cancel {
          margin-right: 30rpx;
          flex: 1;
          height: 88rpx;
          font-size: 32rpx;
          color: #cf5375;
          text-align: center;
          line-height: 84rpx;
          border-radius: 24rpx;
          box-sizing: border-box;
          border: 2rpx solid #f0b8c9;
        }
        .submit {
          flex: 1;
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
  &.popup-health-care-drug {
    .container {
      background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
      .c-footer {
        .cancel {
          border-color: #25d9c8;
          color: #25d9c8;
        }
        .submit {
          background-color: #4cebdc;
        }
      }
    }
  }
}

.popup-ndrl-adl-alert {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 430rpx;
      height: 304rpx;
    }
    .container {
      margin-top: -184rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 184rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #484848;
        .num {
          color: #fc7c7c;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        display: flex;
        justify-content: space-between;
        .cancel {
          margin-right: 30rpx;
          flex: 1;
          height: 88rpx;
          font-size: 32rpx;
          color: #cf5375;
          text-align: center;
          line-height: 84rpx;
          border-radius: 24rpx;
          box-sizing: border-box;
          border: 2rpx solid #f0b8c9;
        }
        .submit {
          flex: 1;
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
  &.popup-ndrl-adl-alert-drug {
    .container {
      background: linear-gradient(180deg, #dffffc 0%, #ffffff 40%, #ffffff 100%);
      .c-footer {
        .cancel {
          border-color: #25d9c8;
          color: #25d9c8;
        }
        .submit {
          background-color: #4cebdc;
        }
      }
    }
  }
}

.popup-ndrl-follow {
  position: relative;
  z-index: 9999999999;
  .badge {
    position: relative;
    display: block;
    margin: 0 0 0 205rpx;
    width: 231rpx;
    height: 207rpx;
    z-index: 1;
  }

  .popup-container {
    width: calc(100vw - 160rpx);
    border-radius: 24rpx;
    box-sizing: border-box;
    text-align: center;
    .container {
      margin-top: -80rpx;
      padding: 53rpx 40rpx 58rpx;
      background: linear-gradient(180deg, #ffe0ea 0%, #fff 50%, #ffffff 100%);
      border-radius: 24rpx;
      .title {
        margin-top: 38rpx;
        font-size: 40rpx;
        color: #cd355f;
        font-weight: bold;
      }
      .price {
        margin: 10rpx auto 0;
        font-size: 56rpx;
        color: #f5ad1d;
        display: flex;
        justify-content: center;
        align-items: baseline;
        font-weight: bold;
        .sub {
          font-size: 36rpx;
          color: #484848;
        }
      }

      .content {
        margin-top: 16rpx;
        font-size: 32rpx;
        color: #333333;
        line-height: 45rpx;
      }
      .code {
        display: block;
        margin: 28rpx auto 0;
        width: 238rpx;
        height: 238rpx;
      }
      .tip {
        margin-top: 14rpx;
        font-size: 28rpx;
        color: #666666;
      }
    }

    .footer {
      margin-top: 37rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > view:not(:last-of-type),
      > image {
        margin-right: 33rpx;
      }

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #1241b3;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        color: #1241b3;
      }

      .submit {
        background-color: #1241b3;
      }
    }
  }
}

.popup-adl-progress {
  position: relative;
  text-align: center;
  .close {
    position: absolute;
    top: 224rpx;
    right: 40rpx;
    width: 28rpx;
    height: 26rpx;
  }
  .popup-container {
    padding: 342rpx 0 0;
    width: 632rpx;
    height: 944rpx;
    box-sizing: border-box;
    background-size: 100% 100%;
    .container {
      width: 100%;
      height: 100%;
      .title {
        font-size: 36rpx;
        font-weight: bold;
        color: #484848;
        line-height: 50rpx;
      }
      .content {
        margin-top: 32rpx;
        display: flex;
        justify-content: center;
        align-items: baseline;
        font-weight: bold;
        .price {
          font-size: 56rpx;
          color: #f5ad1d;
        }
        .sub {
          text-indent: 5rpx;
          font-size: 36rpx;
          color: #484848;
        }
      }
      .progress {
        margin-top: 10px;
        position: relative;
        padding: 0 80rpx;
        box-sizing: border-box;
        height: 142rpx;
        .progress-bar {
          padding: 60rpx 0 0;
        }
        .wrap {
          position: absolute;
          top: 0;
          left: 80rpx;
          display: flex;
          justify-content: space-between;
          width: calc(100% - 160rpx);
          box-sizing: border-box;
          .item {
            text-align: center;
            width: 48rpx;
            .name {
              font-size: 24rpx;
              color: #3f3f3f;
              line-height: 34rpx;
              white-space: nowrap;
            }
            .el {
              margin-top: 10rpx;
              position: relative;
              width: 48rpx;
              height: 46rpx;
              .icon {
                width: 100%;
                height: 100%;
              }
              .status {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 20rpx;
                height: 20rpx;
                background-color: #eaeaea;
                border-radius: 50%;
                border: 2rpx solid #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                .mini {
                  width: 12rpx;
                  height: 8rpx;
                }
              }
            }
            .num {
              white-space: nowrap;
              margin-top: 10rpx;
              font-size: 24rpx;
              color: #e7e7e7;
              font-weight: bold;
              &.more {
                text-indent: -20rpx;
              }
            }
            &.active {
              .name {
                color: #3f3f3f;
              }
              .el {
                .status {
                  background-color: #e04775;
                }
              }
              .num {
                color: #e04775;
              }
            }
          }
        }
      }
      .tip {
        margin-top: 24rpx;
        font-size: 24rpx;
        height: 34rpx;
        color: #9e9e9e;
      }
      .footer {
        margin-top: 22rpx;
        .submit {
          margin: 0 auto;
          width: 350rpx;
          height: 96rpx;
          background: linear-gradient(180deg, #f27dad 0%, #e04775 100%);
          box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(207, 83, 117, 0.44);
          border-radius: 48rpx;
          border: 3rpx solid #ffffff;
          font-size: 36rpx;
          color: #ffffff;
          line-height: 96rpx;
        }
      }
    }
  }
  &.popup-adl-progress-drug {
    .popup-container {
      .container {
        .progress {
          .wrap {
            .item {
              &.active {
                .status {
                  background: #25d9c8;
                }
                .num {
                  color: #24d8c8;
                }
              }
              .num {
                color: #e7e7e7;
              }
            }
          }
        }
        .footer {
          .submit {
            background: linear-gradient(157deg, #4cebdc 0%, #25d9c8 100%);
            box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(36, 216, 200, 0.43);
          }
        }
      }
    }
  }
}

.popup-adl-progress-end {
  position: relative;
  text-align: center;
  .close {
    position: absolute;
    top: 224rpx;
    right: 40rpx;
    width: 28rpx;
    height: 26rpx;
  }
  .popup-container {
    padding: 342rpx 0 0;
    width: 630rpx;
    height: 640rpx;
    box-sizing: border-box;
    background-size: 100% 100%;
    .container {
      width: 100%;
      height: 100%;
      .title {
        font-size: 36rpx;
        font-weight: bold;
        color: #484848;
        line-height: 50rpx;
      }
      .footer {
        margin-top: 22rpx;
        .submit {
          margin: 0 auto;
          width: 350rpx;
          height: 96rpx;
          background: linear-gradient(180deg, #f27dad 0%, #e04775 100%);
          box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(207, 83, 117, 0.44);
          border-radius: 48rpx;
          border: 3rpx solid #ffffff;
          font-size: 36rpx;
          color: #ffffff;
          line-height: 96rpx;
        }
      }
    }
  }
  &.popup-adl-progress-end-drug {
    .popup-container {
      .container {
        .footer {
          .submit {
            background: linear-gradient(157deg, #4cebdc 0%, #25d9c8 100%);
            box-shadow: 0rpx 10rpx 28rpx 0rpx rgba(36, 216, 200, 0.43);
          }
        }
      }
    }
  }
}

.popup-dtp-drup {
  position: relative;
  .popup-container {
    padding: 56rpx 48rpx 48rpx;
    width: 630rpx;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-color: #fff;
    .container {
      width: 100%;
      height: 100%;
      .title {
        width: 384rpx;
        max-height: 50rpx;
      }
      .content {
        margin-top: 24rpx;
        font-size: 32rpx;
        color: #9e9e9e;
      }
      .footer {
        margin-top: 48rpx;
        .submit {
          margin: 0 auto;
          height: 96rpx;
          text-align: center;
          background: #e04775;
          border-radius: 48rpx;
          font-size: 36rpx;
          color: #ffffff;
          line-height: 96rpx;
        }
      }
    }
  }
}

.popup-double-standards {
  text-align: center;
  .popup-container {
    width: 604rpx;
    border-radius: 19rpx;
    box-sizing: border-box;
    text-align: center;
    padding-right: 20rpx;
    margin-left: 10rpx;
    .badge {
      width: 435rpx;
      height: 266rpx;
    }
    .container {
      margin-top: -180rpx;
      box-sizing: border-box;
      border-radius: 19rpx;
      padding: 166rpx 42rpx 62rpx;
      background: linear-gradient(180deg, #edcfd8 0%, #ffffff 40%, #ffffff 100%);
      .content {
        margin-top: 24rpx;
        font-size: 40rpx;
        color: #484848;
        line-height: 48rpx;
        font-weight: bold;
      }
      .tip {
        margin-top: 30rpx;
        font-size: 28rpx;
        color: #cccccc;
        .icon {
          width: 32rpx;
          height: 22rpx;
        }
      }
      .warn {
        margin-top: 44rpx;
        display: inline-flex;
        align-items: center;
        padding: 0 14rpx;
        height: 48rpx;
        background: #ededed;
        border-radius: 24rpx;
        font-size: 28rpx;
        color: #484848;
        line-height: 48rpx;
        .icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
      }
      .c-footer {
        margin: 32rpx 0 0;
        .submit {
          height: 88rpx;
          font-size: 34rpx;
          color: #ffffff;
          text-align: center;
          line-height: 88rpx;
          background: #cf5375;
          border-radius: 24rpx;
        }
      }
    }
  }
  &.popup-double-standards-drug {
    .popup-container {
      .container {
        background: #fff linear-gradient(180deg, rgba(38, 218, 200, 0.3) 0%, #fff 40%, #ffffff 100%);
        .c-footer {
          .submit {
            background-color: #24d8c8;
          }
        }
      }
    }
  }
}

.popup-dedicated-doctor {
  .popup-container {
    position: relative;
    padding: 100rpx 32rpx 32rpx;
    width: 630rpx;
    height: 544rpx;
    box-sizing: border-box;
    .title {
      font-size: 48rpx;
      color: #ffffff;
      font-weight: bold;
      font-style: italic;
    }
    .container {
      margin-top: 76rpx;
      font-size: 40rpx;
      color: #211D2E;
      text-align: center;
      line-height: 68rpx;
      .line {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .high {
        color: #B982FF;
        font-weight: bold;
      }
    }
    .btn {
      margin-top: 32rpx;
      height: 88rpx;
      font-size: 32rpx;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 88rpx;
      background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%);
      border-radius: 100rpx;
    }
  }
  .close {
    margin: 68rpx auto 0;
    display: block;
    width: 64rpx;
    height: 64rpx;
  }
  &.popup-dedicated-doctor-drug {
    .popup-container {
      .btn {
        background-color: rgba(37, 217, 200, 1);
      }
    }
  }
}

.popup-export-loading-doctor {
  .badge {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 240rpx;
    height: 402rpx;
  }
  .popup-container {
    padding: 188rpx 30rpx 48rpx;
    margin-top: -170rpx;
    width: 650rpx;
    height: 460rpx;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 24rpx;
    text-align: center;
    .title {
      font-size: 40rpx;
      color: #283031;
      line-height: 48rpx;
    }
    .content {
      margin-top: 20rpx;
      font-size: 32rpx;
      color: #9aa1a2;
      line-height: 40rpx;
    }
    .btn {
      margin-top: 32rpx;
      font-size: 36rpx;
      color: #3464d4;
      text-align: center;
      line-height: 84rpx;
    }
  }
}

.popup-referral-toast {
  .popup-container {
    position: relative;
    padding: 504rpx 120rpx 0;
    width: 532rpx;
    height: 654rpx;
    box-sizing: border-box;
    .btn {
      width: 296rpx;
      height: 84rpx;
      font-size: 36rpx;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 80rpx;
      background: #67baca;
      border-radius: 48rpx;
    }
  }
  .close {
    margin: 68rpx auto 0;
    display: block;
    width: 64rpx;
    height: 64rpx;
  }
}

.popup-patient-detail-safe-doctor {
  .popup-container {
    position: relative;
    padding: 228rpx 50rpx 0;
    width: 670rpx;
    height: 566rpx;
    box-sizing: border-box;
    .content {
      font-size: 32rpx;
      color: #283031;
      line-height: 48rpx;
    }
    .btn {
      margin: 32rpx auto 0;
      width: 364rpx;
      height: 84rpx;
      font-size: 36rpx;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 80rpx;
      background: linear-gradient(345deg, #d76c6c 0%, #fb7474 100%);
      border-radius: 48rpx;
    }
  }
  .close {
    margin: 68rpx auto 0;
    display: block;
    width: 64rpx;
    height: 64rpx;
  }
}
.popup-public-toast {
  .popup-container {
    position: relative;
    padding: 360rpx 146rpx 0;
    width: 590rpx;
    height: 880rpx;
    box-sizing: border-box;
    .code {
      width: 286rpx;
      height: 286rpx;
    }
  }
  .close {
    margin: 68rpx auto 0;
    display: block;
    width: 64rpx;
    height: 64rpx;
  }
}

.popup-site-conform {
  .badge {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 263rpx;
    height: 198rpx;
  }
  .popup-container {
    margin-top: -138rpx;
    width: 622rpx;
    padding: 160rpx 34rpx 48rpx;
    box-sizing: border-box;
    border-radius: 24rpx;
    background: linear-gradient(180deg, #ffedf3 0%, #ffffff 40%, #ffffff 100%);
    .title {
      text-align: center;
      font-size: 32rpx;
      color: rgba(72, 72, 72, 1);
      line-height: 56rpx;
    }
    .content {
      text-align: center;
      font-size: 44rpx;
      color: rgba(224, 71, 117, 1);
      line-height: 56rpx;
      font-weight: bold;
    }
    .footer {
      margin-top: 32rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center;

      .cancel,
      .submit {
        flex: 1;
        height: 80rpx;
        box-sizing: border-box;
        line-height: 78rpx;
        border: 1rpx solid #cf5375;
        border-radius: 48rpx;
        color: #fff;
        font-size: 32rpx;
        font-weight: bold;
      }

      .cancel {
        margin-right: 33rpx;
        color: #cf5375;
      }

      .submit {
        background-color: #cf5375;
        padding: 0;
        margin: 0;
      }
    }
  }
  .close {
    margin: 68rpx auto 0;
    display: block;
    width: 64rpx;
    height: 64rpx;
  }
}

.popup-level-up {
  .popup-container {
    position: relative;
    width: 650rpx;
    height: 538rpx;
    padding: 328rpx 0 0 284rpx;
    box-sizing: border-box;
    border-radius: 24rpx;
    background: linear-gradient(180deg, #ffedf3 0%, #ffffff 40%, #ffffff 100%);
    .close {
      position: absolute;
      top: 20rpx;
      right: 20rpx;
      width: 60rpx;
      height: 60rpx;
    }
    .btn {
      width: 316rpx;
      height: 88rpx;
    }
  }
}