.ty-form-item {
  font-family: "Open Sans", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
  .ty-form-item__label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    text-align: right;
    vertical-align: top; }
  .ty-form-item__controls {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    margin-left: 10px; }
  .ty-form-item__addon {
    margin: 7px 0; }
  .ty-form-item__error {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #f30;
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-transition: all 250ms;
    transition: all 250ms; }
    .ty-form-item__error_slide-enter {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    .ty-form-item__error_slide-enter-done {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-form-item__error_slide-exit {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-form-item__error_slide-exit-done {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
  .ty-form-item__helper {
    font-size: 12px;
    color: #999; }
  .ty-form-item__notice {
    font-size: 12px;
    border-radius: 2px;
    background: #fff7cc;
    color: #333;
    padding: 5px;
    margin-bottom: 3px; }