.app-background {
  background-color  #1c1c1c 
  height  100vh 
}
.member {
  background-color  #1c1c1c 
  height 100vh 
  .el-dialog {
    .el-dialog__body {
      padding-top 5px 
      .pay-container {
        .count-down {
          display flex 
          justify-content center 
        }
        .pay-qrcode {
          display flex
          justify-content center
          .el-image {
            width 280px 
            height 280px 
          }
        }
        .tip {
          display flex
          justify-content center
          .el-icon {
            font-size  20px 
          }
          .text {
            font-size  16px 
            margin-left  10px 
          }
        }
        .tip.success {
          color  #07c160 
        }
      }
    }
  }
  .title {
    text-align  center 
    background-color  #1c1c1c 
    font-size 16px 
    color  #ffffff 
    padding  5px 
    font-weight bold
  }
  .inner {
    color  #ffffff 
    overflow-x hidden
    overflow-y visible
    .user-profile {
      padding  0 20px 0 20px 
      background-color  #1c1c1c 
      color  #ffffff 
      border-radius 10px 
      width  100% 
      height  91vh 
      .el-form-item__label {
        color  #ffffff 
        justify-content start 
      }
      .user-opt {
        .el-col {
          padding  8px 
          .el-button {
            width  100% 
          }
        }
      }
    }
    .product-box {
      .info {
        .el-alert__description {
          font-size  14px !important 
          color #1c1c1c
          margin  0 
        }
        padding  0 20px 0 20px 
      }
      .list-box {
        padding  0 20px 0 5px
        .product-item {
          border 1px solid #5f5f5f 
          border-radius  6px 
          overflow hidden
          cursor pointer
          transition  all 0.3s ease  /* 添加过渡效果 */
          .image-container {
            display flex
            justify-content center
            .el-image {
              width  50px
              .el-image__inner {
                border-radius  10px 
              }
            }
          }
          .product-title {
            display  flex 
            padding  5px 
            .name {
              width  100% 
              text-align  center 
              font-size  16px 
              font-weight  bold 
              color  #2cc995 
            }
          }
          .product-info {
            padding  10px 20px 
            font-size  14px 
            color  #999999 
            .info-line {
              display  flex 
              width  100% 
              padding  2px 0 
              .label {
                display  flex 
                width  100% 
              }
              .price, .expire {
                display  flex 
                width  100% 
                justify-content  right 
              }
              .price {
                color  #f56c6c 
              }
              .expire {
                color  #409eff 
              }
            }
            .pay-way {
              padding  5px 0 
              display  flex 
              justify-content  space-between 
            }
          }
          & hover {
            box-shadow  0 0 10px rgba(71, 255, 241, 0.6)  /* 添加阴影效果 */
            transform  translateY(-10px)  /* 向上移动10像素 */
          }
        }
      }
    }
  }
}