.component-address-panel {
  background: @white;
  padding: .2rem;
  .panel-row {
    height: .4rem;
    clear: both;
    p {
      float: left;
      font-size: @font-38;
      color: @blue;
      &.icon-shoujiandizhi {
        color: @yellow-dark;
      }
    }
    .address {
      display: block;
      div {
        color: @blue-gray;
        display: block; // height: .2rem;
        margin: 0 .4rem 0 .46rem;

        &:nth-last-of-type(1){
          line-height: .18rem;
          &:extend(.text-ellipsis);
          height: .32rem;
          overflow: hidden;
        }
      }
      b {
        font-size: @font-16;
        font-weight: normal;
        margin-right: .1rem;
      }
      i {
        font-style: normal;
        font-size: @font-xxs;
        margin-right: .02rem;
        color: @blue-light-3l;
      }
    }
    .no-address {
      line-height: .4rem;
      color: @blue-light-4l;
      margin-left: .1rem;
    }
    .edit-icon {
      float: right;
      text-align: right;
      width: .38rem;
      height: .38rem;
      line-height: .38rem;
      margin-top: -.1rem;
      &:before {
        font-size: @font-14;
        color: @blue-light;
      }
    }
  }
  .gap {
    display: block;
    height: .22rem;
    margin: .06rem 0 .03rem .18rem;
    border-left: 2px solid @gray-light-2l;
  }
  .hide {
    display: none !important;
  }
  .no-address-btn {
    button {
      margin-top: 0;
    }
  }
}