.inventory-container {
  color: #333333;
  font-size: 34rpx;
  line-height: 1;
  padding: 0 25rpx 100rpx 35rpx;
  height: 300rpx;
  .header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 34rpx;
    color: #333333;
    height: 80rpx;
    margin-bottom: 20rpx;
    .icon {
      position: absolute;
      // left: ;
      right: 0rpx;
      opacity: 0.8;
    }
  }
  .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .name {
      font-size: 30rpx;
      color: #333;
    }
    .change {
      display: flex;
      align-items: center;
      color: #999999;
      font-size: 26rpx;
          .icon {
        margin-right: 10rpx;
        transform: rotate(90deg);
      }
    }
    .hover-class-opacity {
        opacity: .8;
      }
  }
  .form {
    .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100rpx;
      font-size: 30rpx;
      .input {
        width: 220rpx;
        border-bottom: 1rpx solid #333;
      }
      .btn-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        // width: 120rpx;
      }
    }
    .tip {
      font-size: 28rpx;
      color: #999999;
    }
  }
  .tools {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}