/* pages/stock/stock.wxss */
.t-fab {
  z-index: 99;
}
page {
  padding-top: 32rpx;
}
.stock-stick {
  margin: 16rpx 32rpx 0;
  .stock-tabs {
    border-radius: 18rpx;
    overflow: hidden;
  }
}
.stock-list {
  padding: 16rpx 0 32rpx;
  .scroll-container {
    // height: calc(100vh - 96rpx - 64rpx - 64rpx);
    .grid {
      margin: 0 32rpx;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 32rpx;
      .card {
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),
          0 1px 2px -1px rgb(0 0 0 / 0.1);
        // position: relative;
        min-height: 300rpx;
        background-color: #fff;
        border-radius: 18rpx;
        padding: 18rpx;
        .prove-pic {
          width: 100%;
          height: 200rpx;
        }
        .close-button {
          position: absolute;
          top: -24rpx;
          right: -24rpx;
        }
        .fields {
          margin-top: 12rpx;
          .field {
            margin-top: 12rpx;
            display: flex;
            .indicator {
              margin-top: 12rpx;
              height: 24rpx;
              width: 8rpx;
              background-color: #ea7e41;
              border-radius: 50rpx;
              margin-right: 12rpx;
            }
            .content {
              display: flex;
              flex-direction: column;
              .title {
                font-size: large;
              }
              .value {
                margin-top: 6rpx;
                font-size: small;
              }
            }

            &:nth-of-type(1) {
              .indicator {
                background-color: #ea7e41;
              }
            }
            &:nth-of-type(2) {
              .indicator {
                background-color: #12b3a8;
              }
            }
            &:nth-of-type(3) {
              .indicator {
                background-color: #dc7d85;
              }
            }
            &:nth-of-type(4) {
              .indicator {
                background-color: #e0d2fd;
              }
            }
            &:nth-of-type(5) {
              .indicator {
                background-color: #dc7d85;
              }
            }
          }
        }
      }
    }
  }
}