$font-family-A:"Helvetica Neue",Tahoma,"PingFang SC","Hiragino Sans GB",SimSun,STHeitiSC,sans-serif;
$font-family-H: 'Helvetica Neue', Tahoma, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeitiSC, sans-serif;


//主色
  $C1:#004170;
  $C2:#005999;
  $C3:#1687d9;
  $C3Hover:#1E7BC0;
  $C4:#8CCCF8;
  $C5:#084E82;
//中性色
  $M1:#36434D;
  $M2:#667580;
  $M3:#ACB7BF;
  $M4:#E4EBF0;
  $M5:#F5F8FA;
  $M6:#ffffff;
//错误色
  $E1:#cc2929;

@mixin opacity($val) {
  filter: Alpha(opacity=($val * 100));
  -webkit-opacity: $val;
  -moz-opacity: $val;
  -o-opacity: $val;
  opacity: $val;
}

#AutoComplete_ul {
  .overflowEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }
  .auto-result {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-duration: .2s;
      animation-duration: .2s;
  -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
  -webkit-animation-play-state: paused;
      animation-play-state: paused;
      -webkit-animation-name: antSlideUpIn;
      animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
      animation-play-state: running;
    width: 100%;
    border-radius: 5px;
    margin-top: 2px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .3);
    max-height: 320px;
    overflow: hidden;
    li {
      width: calc(100% - 30px);
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      color: #36434D;
      line-height: 32px;
      list-style: none;
      height: 32px;
      padding: 0 15px;
      font-size: 12px;
      background-color: #fff;
      font-family: $font-family-H;
      &:hover {
        background-color: #F5F8FA;
      }
    }
    .us-no-data {
      width: 100%;
      height: 200px;
      background-color: #fff;
      position: relative;
      .pc-sys-no-data-svg {
        position: absolute;
        margin: auto;
        top: 0; 
        left: 0; 
        bottom: 0; 
        right: 0;                
        width: 138px;
        height: 33px;
        display: inline-block;
      }
      .empty-icon {
        background: url(./empty-img.png) no-repeat;
        background-size: contain;
        height: 118px;
        width: 117px;
        position: absolute;
        margin: auto;
        top: 0; 
        left: 0; 
        bottom: 0; 
        right: 0;                
        display: inline-block;
      }
      .empty-icon::after {
        color: #bbbfee;
        content: attr(data-bg-text);
        display: block;
        font-size: 14px;
        line-height: 1;
        position: absolute;
        bottom: 8px;
    }
    }
  }
  @-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
        transform: scaleY(1);
  }
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
        transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
        transform: scaleY(1);
  }
}
}
.auto-form-input {
  .u-input {
    max-width: calc(100% - 13px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.auto-form-btn-close {
  &.close-hide {
    display: none;
  }
}
.form-item__control_is-readonly input{
  border: 1px solid rgb(228, 235, 240);
  border-radius: 5px;
  height:28px;
  background:#f5f8fa;
  font-family:$font-family-H;
  font-size:12px;
  color:#3E4E59;
  letter-spacing:0;
  line-height:20px;
  text-align:left;
}