/* components/milliliter-input/milliliter-input.wxss */

.ctrlbox {
  width: 100%;
  /* height: calc(312rpx - 41rpx); */
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  padding-bottom: rpx;
  overflow: hidden;
  /* border-bottom: 3rpx dashed #e7e7e7; */
}

.ctrlbox>.title {
  width: 100%;
  height: 40rpx;
  position: relative;
  font-size: 30rpx;
  color: #898d8d;
  margin-bottom: 30rpx;
  display: flex;
}

.title-name {
    flex: 1;
    color: #000000;
}

.title-number {
    color: #000000;
}

.title-name text {
    color: red;
    padding-left: 10rpx;
}

.ctrlbox>.numbox {
  width: 210rpx;
  height: 73rpx;
  line-height: 73rpx;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  background: #f5f5f5;
  border-radius: 20rpx;
  margin-top: 10rpx;
  display: flex;
  justify-content: center;
  align-content: center;
}

.ctrlbox>.numbox>input {
  width: 100%;
  height: 100%;
  line-height: 73rpx;
  font-size: 30rpx;
  font-weight: 500;
  text-align: center;
  color: #898d8d;
  position: absolute;
  left: 0;
}

.ctrlbox>.numbox>view {
  width: 100%;
  height: 100%;
  line-height: 73rpx;
  font-size: 30rpx;
  font-weight: 500;
  text-align: center;
  color: #898d8d;
}

.ctrlbox>.title>text {
  color: #fc0000;
  margin-right: 10rpx;
}