@import '@/style/color.less';
@media (max-device-width: @max-device-width-1) {
  .custom-raffle-box {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 12px !important;
    padding: 20px 12px 0 12px !important;
    .header {
      border-bottom: none;
      .blind-box-head {
        font-size: 24px;
      }
      .custom-right-button {
        & > :first-child {
          margin-right: 0 !important;
        }
      }
    }
    .custom-activity-content {
      .custom-activity-content-cl {
        & > * {
          width: 100%;
        }
        .card-line-two {
          & > :nth-child(2) {
            align-items: flex-start;
          }
        }
      }
      .custom-card-detail {
        width: 100%;
        .detail-head {
          display: block;
          .detail-head-img {
            width: 100%;
            height: 100%;
            img {
              width: 100%;
              height: 100%;
            }
          }
        }
        .detail-head-content {
          .title {
            text-align: center;
            font-size: 22px;
            margin: 12px 0;
          }
          .count-down-box {
            .label {
              text-align: center;
            }
            .value {
              display: flex;
              justify-content: center;
            }
          }
          .price-and-buynum {
            justify-content: space-between;
            .price-box {
              .label {
                margin: 12px 0 6px 0;
              }
              .value {
                font-size: 18px;
              }
            }
          }
          .line {
            border: 1px solid #f6f4f4;
            margin: 12px 0;
          }
          .price-and-prize {
            white-space: nowrap;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            row-gap: 6px;
            margin-bottom: 12px;
            & > :last-child {
              margin: 0;
              .text2 {
                color: #747474;
              }
            }
          }
          .content-wallet-tooltip {
            display: block;
            .connect-wallet {
              width: 100%;
            }
            .text {
              margin: 16px 0;
            }
            .open-link {
              // display: none;
            }
          }
        }
        .content-line {
          border: 1px solid #eaeaea;
          margin: 0 0 12px 0;
        }
      }
    }
  }
  .custom-my-blind-box {
    .custom-radio-group {
      width: 100%;
      display: flex;
      justify-content: space-between;
      white-space: nowrap;
      & > * {
        width: 33%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    .my-blind-box-content {
      .custom-raffle-card {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .img {
          width: 130px;
          height: 130px;
        }
        .card-line-parent {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-left: 12px;
          height: 100%;
          .card-line-one {
            margin: 0;
            .left-introduction {
              margin-right: 12px;
            }
          }
          .card-line-two {
            & > :nth-child(1) {
              margin-right: 12px;
            }
            & > :nth-child(2) {
              align-items: flex-start;
            }
          }
        }
      }
    }
  }
  .custom-empty {
    img {
      width: 80px;
      height: 80px;
    }
    span {
      font-size: 24px;
    }
  }
  .custom-invite-dialog {
    .t-dialog {
      width: 90vw;
    }
  }
}
