@import '../../style/index.less';

.eh-region-code{
  background-color: #F5F5F5;
  overflow-x: hidden;
  .am-search{
    height: 48*@hd;
    background-color: #FFFFFF;
    padding: 0 16*@hd;
    overflow: visible !important;
    &-input{
      height: 32*@hd;
      background-color: #F5F5F5;
      border-radius: 4*@hd;
    }
    &-cancel{
      font-size: 17*@hd;
      color:#4285F4;
      padding-left: 15*@hd;
    }
  }
  &-block{
    &-title{
      background-color: #F5F5F5;
      font-size: 12*@hd;
      color:#8F8F95;
      line-height: 17*@hd;
      padding: 1.5*@hd 0 1.5*@hd 16*@hd;
    }
  }
  .am-list-body{
    border-top: none !important;
    &::before{
      display: none !important;
    }
  }
  .sticky-container{
    font-family: 'PingFangSC-Regular';
    .am-list-body{
      &::before{
        display: none !important;
      }
      .am-list-item{
        height: auto;
        min-height: auto;
        padding-left: 0;
        .am-list-line{
          height: auto;
          min-height: auto;
          .am-list-content{
            padding-top:0;
            padding-bottom: 0;
            line-height: 17*@hd;
            .sticky{
              z-index: 3;
              transform: none !important;
              font-size: 12*@hd !important;
              color:#8F8F95 !important;
              background-color: #F5F5F5;
              padding: 1.5*@hd 0 1.5*@hd 16*@hd;
            }
          }
        }
      }
    }
  }
  .am-indexed-list-quick-search-bar{
    font-family: 'PingFangSC-Regular';
    font-size: 11*@hd;
    color:#B2B2B2;
    line-height: 15*@hd;
    top:50vh;
    &-over{
      background-color: transparent !important;
    }
  }
  &-item{
    position: relative;
    background-color: white;
    padding-left: 16*@hd;
    &-name{
      font-size: 16*@hd;
      color:#494949;
      line-height: 23*@hd;
      padding: 10.5*@hd 100*@hd 11*@hd 0;
      border-bottom: solid 1PX #E0E0E0;
    }
    &-region-code{
      position: absolute;
      right: 30*@hd;
      width: 60*@hd;
      top:10.5*@hd;
      font-size: 16*@hd;
      color: #8F8F95;
      line-height: 23*@hd;
      text-align: right
    }
  }
  &-item:last-child{
    .eh-region-code-item-name{
      border-bottom: none;
    }
  }
  &-search-list{
    min-height: e('calc(100vh - 49px)');
  }
  &-empty{
    font-size: 14*@hd;
    color:#8F8F95;
    text-align: center;
    line-height: 20*@hd;
    padding-top:30.5*@hd;
  }
}
