.g-modal.vip-renew-modal {
  .vip-renew-wrapper {
    .tabs {
      width: 160px;
    }

    .tab-1-layout {
      display: flex;

      .pay-modal-wrapper {
        display: flex;
      }

      .select-layout {
        width: 375px;
        padding-top: 14px;

        .g-special-radio-wrapper {
          margin-bottom: 15px;

          .g-special-radio {
            font-size: 12px;
            padding: 10px;
            white-space: pre;
          }
        }
      }


      .info-layout {
        flex: 1;

        .desc {
          line-height: 27px;
          margin-bottom: 12px;
        }
      }


      .pay-layout {
        width: 200px;
        padding-left: 10px;

        .tabs {
          width: 160px;
          margin-bottom: 15px;

          .assets {
            width: 80px;
          }
        }

        .qrcode {
          padding-left: 10px;
          margin-bottom: 15px;

          .assets {
            width: 140px;
          }
        }

        .t {
          margin-left: -30px;
          text-align: center;
          font-size: 12px;
          color: #8897A8;
        }
      }
    }

    .tab-2-layout {
      padding-top: 20px;

      .list {
        border-bottom: 1px solid #ECEDEE;
        margin-bottom: 20px;
        padding-bottom: 30px;

        .item {
          width: 33.33%;
          display: inline-block;
          text-align: center;
          position: relative;

          .over {
            position: absolute;
            right: 55px;
            top: 60px;
            width: 44px;
            height: 20px;
            text-align: center;
            background: rgba(102, 201, 76, 1);
            border-radius: 10px;
            color: #fff;
            display: inline-block;
            font-size: 10px;
          }

          .icon {
            margin-bottom: 10px;
          }

          .t {
            margin-bottom: 10px;

            .assets {
              margin-right: 5px;
            }
          }
        }
      }

    }
  }
}