.add-ticket {
  .main-card {
    .top {
      padding: 0;
      font-size: 0.3rem;
      display: flex;
      justify-content: space-between;
      margin-bottom: .2rem;

      .top-l {
        .top-img {
          cursor: pointer;
          margin-right: .25rem;
        }
      }
    }

    .top-line {
      width: 100%;
      height: 1px;
      background: #E6E7EB;
      opacity: 1;
    }

    .main-form {
      margin-top: .47rem;

      .el-input__inner {
        height: .46rem;
      }

      .title-host {
        display: flex;
      }

      .select-type {
        width: 5.2rem;
        margin-right: .1rem;
      }

      .select-title {
        width: 5.2rem;
      }

      .select-host {
        width: 5.2rem;
      }

      .sub-btn {
        width: 88px;
        height: 32px;
        background: var(--color-primary);
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.9);
        cursor: pointer;
        // float: right;

      }
    }
  }
}

.dis-item {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-main {
  overflow: unset;
}

.host-dialog {
  .renew {
    color: var(--color-primary);
    margin-left: .05rem;
  }
}

@media screen and (max-width: 750px) {
  .add-ticket .main-card .main-form .title-host {
    flex-wrap: wrap;
  }
}

/* renew-dialog */
.renew-dialog {
  .el-dialog__body {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .dialog-main {
    font-size: .15rem;
  }

  .btn-ok,
  .btn-no {
    cursor: pointer;
  }

  .btn-no {
    margin-left: .2rem;
  }
}