.dh-input {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  line-height: normal; }
  .dh-input-before {
    margin-right: 8px; }
  .dh-input-ater {
    margin-left: 8px; }
  .dh-input-warp {
    flex: 1;
    padding: 4px 0;
    line-height: 15px; }
    .dh-input-warp-inner {
      height: 100%;
      width: 100%;
      font-size: 12px;
      border: none;
      background: transparent;
      outline: 0;
      color: #333333; }
      .dh-input-warp-inner[disabled] {
        cursor: not-allowed; }
      .dh-input-warp-inner::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #cccccc; }
      .dh-input-warp-inner:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #cccccc; }
      .dh-input-warp-inner::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #cccccc; }
      .dh-input-warp-inner:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #cccccc; }
  .dh-input-bordered {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    right: 0;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: #23c132; }
  .dh-input-search {
    cursor: pointer;
    font-size: 16px; }