auction-bid-detail.scss 1.96 KB
@import '../../assets/scss/mixins';
@import '../../assets/scss/utils';

$contentWidth:690px;

.page {
  padding-bottom: $pageBottom;

  .bgc {
    // background-color: #f8f8f8;
  }

  .bg {}

  .main {
    .top-space {
      height: 0px;
    }

    .content {
      position: relative;

      // 拍卖详情
      .auction {
        width: $contentWidth;
        margin: 0 auto 0;
        font-size: 24px;

        &-table {
          @extend .bb;
          padding: 24px 0 24px 0;
          // background-color: #f8f8f8;
          border-radius: 8px;
          margin-top: 0;
          font-size: 22px;

          .tab {
            &-header {
              background-color: #f2f2f2;
              margin-bottom: 12px;
            }

            &-item {
              display: flex;
              justify-content: space-between;

              .item {
                text-align: center;
                height: 32px;
                line-height: 32px;
                margin: 12px 0;
                // @extend .bb;
                padding: 0 6px;
              }

              .item1 {
                width: 72px;
                @extend .fcc;

                .block {
                  width: 72px;
                  height: 32px;
                  line-height: 32px;
                  @extend .linear;
                  color: #ffffff;
                  border-radius: 4px;
                }
              }

              .item2 {
                width: 200px;
              }

              .item3 {
                flex: 1;
              }

              .item4 {
                width: 220px;
              }
            }

            &-item2 {
              color: #c9c9c9;

              .item1 {
                .block {
                  background: #c9c9c9;
                }
              }
            }
          }

          .tips {
            color: #3680EB;
            margin-top: 32px;
          }
        }
      }
    }
  }
}

.disable {
  background: #c9c9c9 !important;
}