.input-class {
  font-size: 1rem;
}

.label-class {
  font-size: 1rem;
  width: 7em;
}
.label-class-super.van-field__label, .van-field__label--disabled {
  font-size: 1rem;
  width: 7em;
  color: #999999 !important;
}

.divide-line {
  height: 0.5rem;
}

.van-field__control--disabled {
  color: #222 !important;
}

.van-field__label, .van-field__label--disabled {
  color: #222 !important;
}

.upload-box {
  position: relative;
  border: 4px dotted #199A74;
  background-color: #F5FFFB;
  height: 12rem;
  margin-top: 0.5rem;
  .upload-icon {
    position: absolute;
    left: 40%;
    transform: translateX(-40%);
    top: 50%;
    transform: translateY(-50%);
  }
  .upload-close {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
  }
}

.form-item {
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
  .form-item-title {
    font-size: 1rem;
    &.border {
      padding-bottom: 0.5rem;
      border-bottom: 1px solid #F2F2F2;
    }
    &.required::before {
      color: red;
      content: "*";
      font-size: 0.9rem;
      left: 0.5rem;
      position: absolute;
    }
    .sub {
      color: #999;
    }
  }
}

.sign-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding-bottom: 1rem;
  .sign-item {
    flex: 1;
    width: 27%;
    min-width: 27%;
    max-width: 27%;
    border: 1px solid #999999;
    color: #999999;
    margin: 1rem;
    margin-right: 0;
    margin-bottom: 0;
    text-align: center;
    padding: 0.5rem 0;
    text {
      position: relative;
      &.required::before {
        color: red;
        content: "*";
        font-size: 0.9rem;
        left: -0.5rem;
        position: absolute;
      }
    }
    &.checked {
      border: 1px solid #199A74;
      color: #199A74;
    }
  }
}

.sign-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  .block {
    background-color: #fff;
    border-radius: 0.6rem;
    .title {
      padding: 1rem 1rem 0.5rem 1rem;
      text-align: center;
      text {
        font-size: 1.15rem;
      }
    }
    .border {
      overflow: auto;
      border-bottom: 1px solid #F2F2F2;
      .fix {
        float: left;
        padding-top: 0.5rem;
      }
    }
    .cancel-box {
      padding: 1rem 0;
      margin: 1rem;
      text-align: center;
      .button {
        color: #199A74;
        border: 1px solid #199A74;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
      }
    }
    .confirm-box {
      padding: 1rem 0;
      margin: 1rem;
      text-align: center;
      .button {
        color: #FFFFFF;
        background-color: #199A74;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
      }
    }
  }
}

.limit-wrapper {
  .border {
    overflow: auto;
    border-bottom: 1px solid #F2F2F2;
    .fix {
      float: left;
      padding-top: 0.6rem;
    }
  }
}
.limit-button-wrapper {
  padding: 1rem 0;
  margin: 1rem;
  text-align: center;
  .button {
    padding: 0.5rem 1rem; border-radius: 1rem;
  }
  .cancel {
    color: #199A74;
    border: 1px solid #199A74;
  }
  .confirm {
    color: #FFFFFF;
    background-color: #199A74;
  }
}


.bg-gradient {
  background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
  /*调整下划线的宽度占百分之百  高度是3px */
  background-size: 100% 1vw;
  /* 调整下划线的起始位置 左侧是0 上边是1.15em */
  background-position: 0 1rem;
}

.picker-toolbar {
  .van-picker__confirm {
    color: #199A74;
  }
}

.advanced-title {
  background-color: #FFFFFF;
  .box {
    padding: 1rem 1rem 0.5rem 1rem;
    text-align: center;
  }
}

.public-sub {
  padding-right: 0;
  .public-sub-border {
    border-bottom: 1px solid #F2F2F2;
    overflow: auto;
    .fix {
      padding-top: 0.8rem;
      color: #999;
    }
  }
}

.inner-sub {
  padding-top: 0;
  .inner-sub-border {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #F2F2F2;
    overflow: auto;
    .fix {
      float: left;
      padding-top: 0.5rem;
      color: #999;
    }
  }
}

.blacklist-sub {
  padding-top: 0;
  .blacklist-sub-border {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #F2F2F2;
    overflow: auto;
    .fix {
      float: left;
      padding-top: 0.5rem;
      color: #999;
    }
  }
}

.server-sub {
  padding-top: 0;
  padding-right: 0;
  .fix {
    padding-top: 0.8rem;
    color: #999;
  }
}

.confirm-publish-wrapper {
  background-color: #FFFFFF;
  box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);
  .box {
    padding: 1rem 0;
    margin: 1rem;
    padding-bottom: 2rem;
    margin-top: 0;
    text-align: center;
    .button {
      color: #FFFFFF;
      background-color: #199A74;
      padding: 0.65rem 1rem;
      border-radius: 1.5rem;
    }
  }
}