.user-manage-page {
  .box-header {
    display: flex;
    width: calc(100% - 80px);
    margin-bottom: 4px;
    .header-item {
      width: 30%;
      margin-right: 3%;
      display: flex;
      .item-name {
        flex-shrink: 0;
      }
    }
  }
  .coupon-info {
    .tag {
      margin-left: 4px;
    }
  }
  .limit-tip {
    height: 32px;
    background: #E9EFFF;
    border-radius: 2px;
    margin-bottom: 13px;
    .always {
      display: inline-block;
      font-size: 14px;
      line-height: 32px;
      font-weight: 400;
      color: #666666;
      margin-left: 16px;

      .renew-text {
        display: inline-block;
        color: #2966FF;
        cursor: pointer;
        .renew-popover {
          display: none;
          position: absolute;
          z-index: 1000;
          width: 276px;
          height: 294px;
          transform: translate(-98px,13px);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06);
          background-color: white;
          background-image: url(https://image.xiaomaiketang.com/xm/CZ4a752jzi.png);
          background-repeat: no-repeat;
          background-size: cover;
          text-align: center;
          font-size: 14px;
          font-weight: 400;
          color: #333333;
          line-height: 22px;
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06);
          .popover-arrow {
            position: absolute;
            display: block;
            width: 8.48528137px;
            height: 8.48528137px;
            background: 0 0;
            border-style: solid;
            border-width: 4.24264069px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
            top: -4px;
            border-top-color: #fff;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff;
            box-shadow: -2px -2px 5px #0000000f;
          }
          .qrcode {
            width: 182px;
            height: 204px;
            background-color: white;
            margin: 28px auto 16px auto;
            img {
              width: 150px;
              height: 150px;
              margin: 16px 16px 8px 16px;
            }
          }
        }
        &:hover .renew-popover {
          display: block;
        }
      }
    }

  }
}