@import './actionsheet.scss';
@import "../../styles/themes/variable.scss";

@font-face {
  font-family: "xh-iconfont"; /* Project id 4043926 */
  src:
    url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
    url('./font/iconfont.woff?t=1687140360510') format('woff'),
    url('./font/iconfont.ttf?t=1687140360510') format('truetype');
}

#{$xh-prefix}-linkman {
  font-family: PingFangSC-Regular, PingFang SC;
  background-color: var(--background-color);
  color: #333333;
  &-item {
    &:not(:first-child) {
      margin-top: 20px;
    }
    background-color: #FFF;
  }
  &-title {
    padding: 28px;
    font-size: 32px;
    font-weight: 400;
  }
  &-main {
    font-size: 28px;
    padding: 28px;
    position: relative;
    &:after {
      content: '';
      height: 1PX;
      display: block;
      background-color: var(--border-color);
      left: 28px;
      bottom: 0;
      position: absolute;
      width: calc(100% - 56px);
    }
    &-input {
      display: flex;
      align-items: center;
      &-label {
        width: 120px;
        text-align-last: justify;
      }
      &-main {
        margin-left: 60px;
        position: relative;
        flex: 1;
        &-err {
          position: absolute;
          font-size: 20px;
          color: #F05050;
        }
        &-input {
          border: 0;
          outline: 0;
          width: 100%;
          &::-webkit-input-placeholder {
            font-size: 28px;
            color: #999;
          }
          &.placeholder {
            color: #999;
            &.tt {
              color: #c4c4c4;
            }
          }
        }
      }
      &-contacts, &-arrow {
        font-family: 'xh-iconfont';
      }
      &-contacts {
        color: var(--color-primary);
        font-size: 20PX;
        &:before {
          content: "\e622";
        }
      }
      &-arrow {
        color: var(--font-color-fourth);
        &:before {
          content: "\e603";
        }
      }
    }
  }
}